<select> + допълнение

[MontefuckeR]

Как се правеше да се разделят примерно редовете се едно така:

Избери1
Избери2
=====
Избери3
Избери4
и как се одебеляваха "избери" ?
обаче това "====" да не е активно се едно да не може да цъкнеш на него а само да си го има

 

[hrischo]

<select>
<option>1</option>
<option>2</option>
<option disabled>Пропуск</option>
<option>3</option>
</select>

 

[lortnoc]

<select>
<optgroup label="bukvi">
<option>a</option>
<option>b</option>
</optgroup>
<optgroup label="chisla">
<option>1</option>
<option>2</option>
</optgroup>
</select>

 

[MontefuckeR]

<select>
<option>1</option>
<option>2</option>
<option disabled>Пропуск</option>
<option>3</option>
</select>

така може да се избере, аз искам да не може да се избира, и как да одебеля текста на някои?

 

[animatora]

<select name="bar" style="width:130px;">
<option value="S" >Избор 1</option>
<option value="S" >Избор 2</option>
<option value="S" disabled>==========</option>
<option value="S" >Избор 3</option>
<option value="S" >Избор 4</option>
</select>

 

[MontefuckeR]

<select name='da'>
<option ><b>Izbor 1</b></option>
<option disabled='disabled'>======<option>
<option ><b>Izbor 2</b></option>
</select>

1.не става одебелено
2.може да се избере =====

 

[animatora]

коригирах си горното мнение :

<select name="bar" style="width:130px;">
<option value="S" >Избор 1</option>
<option value="S" >Избор 2</option>
<option value="S" disabled>==========</option>
<option value="S" >Избор 3</option>
<option value="S" >Избор 4</option>
</select>

DEMO http://web-tourist.net/project/animatora/demoto.html

при мозила не се избира

 

[MontefuckeR]

с ИЕ се избира

 

[hrischo]

Единственото решение което успях да намеря е това :

<script>
window.onload = function() {
if (document.getElementsByTagName) {
var s = document.getElementsByTagName("select");
if (s.length > 0) {
window.select_current = new Array();
for (var i=0, select; select = s; i++) {
select.onfocus = function(){ window.select_current[this.id] = this.selectedIndex; }
select.onchange = function(){ restore(this); }
emulate(select);
}
}
}
}
function restore(e) {
if (e.options[e.selectedIndex].disabled) {
e.selectedIndex = window.select_current[e.id];
}
}
function emulate(e) {
for (var i=0, option; option = e.options; i++) {
if (option.disabled) {
option.style.color = "graytext";
}
else {
option.style.color = "menutext";
}
}
}
</script>
<select name="color">
<option>Red</option>
<option style="font-weight:bold;">White</option>
<option disabled="disabled">Blue (temporarily out of stock)</option>
<option disabled="disabled">Black (temporarily out of stock)</option>
</select>

 

[mute]

<select>
<optgroup label="bukvi">
<option>a</option>
<option>b</option>
</optgroup>
<optgroup label="chisla">
<option>1</option>
<option>2</option>
</optgroup>
</select>

наи малко ако четете мненията на хората може и да разберете как става.

 

[MontefuckeR]

мале не съм го видял... +1