Tegs OPTION
| Pārlūks |  Internet Explorer |
 Netscape |
 Opera |
 Safari |
 Firefox |
|||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
| Atbalsts | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegs <OPTION> nosaka saraksta atsevišķus punktus, kurš izveidots konteinerī <SELECT>. Saraksta platums tiek noteikts pēc platākā teksta, kurš norādīts tegā <OPTION>, to var mainīt arī ar stilu palīdzību. Ja saraksta dati tiek plānoti nosūtīt uz serveri, tad elements <SELECT> jāievieto formā. Tas nepieciešams, ja saraksta dati tiek apstrādāti ar skriptu palīdzību.
Sintakse
<select> <option>Punkts 1</option> <option>Punkts 2</option> </select>
Parametri
- disabled
- Bloķēt piekļuvi saraksta elementam.
- selected
- Sākotnēji iezīmē noteiktu saraksta punktu.
- value
- Saraksta punkta vērtība, kura tiks nosūtīta uz serveri vai nolasīta ar skriptu palīdzību.
Aizverošais tegs
Nav nepieciešams.
Piemērs 1. Tega <OPTION> izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=windows-1251">
<title>Tegs OPTION</title>
</head>
<body>
<form action="option1.php">
<p><select size="3" name="hero">
<option disabled>Выберите героя</option>
<option value="t1" selected>Чебурашка</option>
<option value="t2">Крокодил Гена</option>
<option value="t3">Шапокляк</option>
<option value="t4">Крыса Лариса</option>
</select></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>Tega <OPTION> parametru apraksts
Parametrs DISABLED
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Bloķē piekļuvi saraksta elementam. Neatbalsta Internet Explorer.
Sintakse
<option disabled>...</option>
Argumenti
Nav.
Noklusētā vērtība
Pēc noklusējuma šis parametrs ir izslēgts.
Parametrs SELECTED
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Iezīmē saraksta tekošo punktu. Ja tegam <SELECT> pievienots parametrs multiple, tad var iezīmēt vairāk par vienu punktu.
Sintakse
<option selected>...</option>
Argumenti
Nav.
Noklusētā vērtība
Pēc noklusējuma šis parametrs ir izslēgts.
Piemērs 2. Saraksta punkta iezīmēšana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=windows-1251">
<title>Tegs OPTION, parametrs selected</title>
</head>
<body>
<form action="option1.php">
<p><select name="hero">
<option>Выберите героя</option>
<option value="t1">Чебурашка</option>
<option value="t2">Крокодил Гена</option>
<option value="t3">Шапокляк</option>
<option selected value="t4">Крыса Лариса</option>
</select>
<input type="submit" value="Отправить"></p>
</form>
</body>
</html>Parametrs VALUE
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka saraksta punkta vērtību, kura tiks nosūtīta uz serveri. Uz serveri tiks nosūtīts pāris «nosaukums=vērtība», kur nosaukums tiek noteikts ar tega <SELECT> parametru name , bet vērtība — ar parametru value . Vērtība var sakrist ar punkta tekstu, bet var būt arī atšķirīga no tā. Parametrs value tiek izmantots arī datu vērtību iegūšanai ar skriptu palīdzību.
Sintakse
<option value="vērtība">...</option>
Argumenti
Jebkura teksta rinda, kas iekļauta pēdiņās.
Noklusētā vērtība
Nav.
Piemērs 3. Vēršanās pie saraksta elementa
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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=windows-1251">
<title>Tegs OPTION, parametrs value</title>
<script type="text/javascript">
function dataSelect(f) {
n = f.hero.selectedIndex
if(n) alert("Выбран герой: " + f.hero.options[n].value)
}
</script>
</head>
<body>
<form action="option1.php">
<p><select name="hero">
<option>Выберите героя</option>
<option value="Чебурашка">Чебурашка</option>
<option value="Крокодил Гена">Крокодил Гена</option>
<option value="Шапокляк">Шапокляк</option>
<option value="Крыса Лариса">Крыса Лариса</option>
</select>
<input type="button" value="OK" onClick="dataSelect(this.form)"></p>
</form>
</body>
</html>
