2010-03-17 53 views
1

假設我有這樣的:如何在HTML中執行此SELECT/OPTION? (JavaScript)的

<select id="myselect"> 
<option rel="a">1</option> 
<option rel="b">2</option> 
<select> 

如何使用JQuery讓平變化$("#myselect"),我提醒選項的「相對」的一部分(而不是1或2)

+1

請記住,'rel'不是'option'的屬性,所以這個HTML將不會被驗證,這可能會導致一些瀏覽器出現問題(進入Quirks模式)。 – Dancrumb 2010-03-17 22:37:35

+0

反正什麼是「rel」? – TIMEX 2010-03-17 23:33:31

回答

3
$("#myselect").change(function() { 
    alert($(this).find("option:selected").attr("rel")); 
}); 
2

這個怎麼樣?

$("myselect").change(function(){ 
    $(this).children("option:selected").each(function() { 
      alert($(this).attr('rel'); 
      }); 
}); 

同樣適用於多個選擇。

+0

代碼孿生+1! – 2010-03-17 22:51:40

2
$("#myselect").change(function() { 
    $("#myselect option:selected").each(function() { 
     alert($(this).attr('rel')); 
    }); 
}); 

只是提了,我的代碼也將工作,如果你有multiple="multiple"屬性您SELECT元素,提醒這兩個值。

+0

+1你的代碼是我的代碼(差不多)。或相反亦然!? :P – middus 2010-03-17 22:38:46

1

'rel'屬性在選項元素上不受支持,您應該使用'value'屬性爲您的選項指定一個值。我相信jQuery可以比不支持的屬性更容易獲取。