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 元素；可以看出有@开头的就表示后面跟的是属性。