jQuery获取DropDownList下拉框操作Javascript代码实例 代码总结

HTML

<selected id="sel">
    <option value="1" selected="selected">a</option>
    <option value="2">b</option>
    <option value="3">c</option>
    <option value="4">d</option>
</selected>

获取选中项

获取选中项的Value值：

$('select#sel option:selected').val();

或者

$('select#sel').find('option:selected').val();

获取选中项的Text值：

$('select#seloption:selected').text();

或者

$('select#sel').find('option:selected').text();

获取当前选中项的索引值

$('select#sel').get(0).selectedIndex;

获取当前option的最大索引值

$('select#sel option:last').attr("index")

获取DropdownList下拉框的长度

$('select#sel')[0].options.length;

或者

$('select#sel').get(0).options.length;

设置第一个option为选中值

$('select#sel option:first').attr('selected','true')

或者

 $('select#sel')[0].selectedIndex = 0;