全栈工程师开发手册 (作者:栾鹏)

jquery系列教程2-DOM操作全解

jquery中select操作

jquery中select操作函数和字段包括append、prepend、remove、find、val、get、selectedIndex、attr、option,具体功能如代码中注释。

代码如下:

$("#selectId").append("<option value='"+value+"'>"+text+"</option>");    //添加option
$("#select_id").prepend("<option value='0'>请选择</option>"); //为select插入一个option(第一个位置)
$("#select_id option[index='0']").remove(); //删除select中索引值为0的option(第一个)
$("#select_id option[text='4']").remove(); //删除select中Text='4'的option
$("#select_id option[value='3']").remove(); //删除select中Value='3'的option
$("#selectedId option").remove(); //删除所有option
var checkText=$("#select_id").find("option:selected").text(); //获取select选择的text
var checkValue=$("#select_id").val(); //获取select选择的value
var checkIndex=$("#select_id ").get(0).selectedIndex; //获取select选择的索引值
var maxIndex=$("#select_id option:last").attr("index"); //获取select最大的索引值
$(".selector").val("pxx"); //设置value为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true); //设置text为pxx的项选中
$("#select_id ").get(0).selectedIndex=1; //设置select索引值为1的项选中