成都网站制作工作室在线logo免费设计生成器标智客

全栈工程师开发手册 （作者：栾鹏）

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的项选中