下拉列表、单选按钮、复选框常用用法总结

下拉列表

html

<select id="demoselect">
    <option value="eq">相等</option>
    <option value="gt">大于</option>
    <option value="lt">小于</option>
</select>

获取下拉列表的值

$("#demoselect").val()//value  
$("#demoselect").find("option:selected").text()//text
$("#demoselect").text()    //获得下拉列表的所有text

获得索引

$("#demoselect").get(0).selectedIndex  //选中项的索引
$("#demoselect option:last").get(0).index  //获得下拉列表的最大索引值

设置下拉列表的选中项

$("#demoselect").val("eq") //通过val
$("#demoselect").get(0).selectedIndex = 1 //通过索引，选中第二个选项
$("#demoselect").find("option:eq(1)").get(0).selected = true //选中第二个