Forum PHP.pl > [HTML][JavaScript]Select

Pomoc - Szukaj - Użytkownicy - Kalendarz

ArturEales

6.04.2009, 21:32:36

Witam muszę zrobić pole wyboru... i problem polega na tym ze coś mi się gmatwa :/ ...
To tak:
1. Mamy pole select
2. Po kliknięciu w pole lista się rozwija... wypieramy co nas tam interesuje...
3. Po wybraniu następuje wyświetlenie pola tekstowego...
4. I teraz nie wiem czy poniższy kod nie zawiera jakichś błędów...
(kod nie zawiera pola tekstowego... to narazie pomijamy....)
Proszę o pomoc...

Kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Moja strona WWW</title>

<script type="text/javascript">
function check(){

if(document.html.menu01.value==1)
{
  document.write("01");
}else if (document.html.menu01.value==2)
{
  document.write("02");
}else if (document.html.menu01.value==3)
{
  document.write("03");
}else if (document.html.menu01.value==4)
{
  document.write("04");
}else if (document.html.menu01.value==5)
  {
   document.write("05");
  }else if (document.html.menu01.value==6)
  {
   document.write("06");
  }else if (document.html.menu01.value==7)
  {
   document.write("07");
  }else if (document.html.menu01.value==8)
   {
    document.write("08");
   }

}

</script>
</head>
<body>

<form  name="html">
<select name="menu01" onChange=check()>
<option selected="selected">Wybierz</option>
<option value="01">A</option>
<option value="02">B</option>
<option value="03">C</option>
<optgroup label="Grupa">
<option value="04">D</option>
<option value="05">E</option>
<option value="06">F</option>
<option value="07">G</option>
</optgroup>
<option value="08">H</option>
</select>
</form>

</body>
</html>

Rafal Filipek

7.04.2009, 00:13:30

Do wartości pola select tak sie nie dostaniesz

Kod

<html>
<head>
</head>
<boby>
<select id="s" onchange="check()">
  <option value="0">Wybierz</option>
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
  <option value="D">D</option>
  <option value="E">E</option>
  <option value="F">F</option>
  <option value="G">G</option>
  <option value="H">H</option>
</select>
<script>
function check(){
  var s = document.getElementById('s');
  var v = s.options[s.selectedIndex].value;
  if(v!=='0') alert(v);
}
</script>
</body>
</html>

kamil4u

7.04.2009, 19:57:37

A nie łatwiej:

Kod

<select onchange="check(this.value)">

function check(v){
if(v!=='0') alert(v);
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.