JQuery操作Select下拉列表

HTML代碼片段,如下:

 <select name=’sel’ id=’sel’> <option value=’1′>1</option> <option value=’2′ selected=’selected’>2</option> <option value=’3′>3</option> </select>  

使用jquery找出被選中的值非常簡單

javascript代碼片段,如下:

<mce:script type="text/javascript"><!-- var v1 = $("select[@name='sel'] option[@selected]").val(); var v2 = $("#sel option[@selected]").val(); // --></mce:script>

javascript代碼中使用了兩種方式獲取被選中對象的值,

解釋:

select[@name='sel'] option[@selected] 表示具有name 屬性，並且該屬性值爲’sel’ 的select元素 裏面的具有selected 屬性的option 元素；可以看出有@開頭的就表示後面跟的是屬性。