jQuery操作下拉框的text值和val值详解编程语言

option value="" -- 请选择 -- /option c:forEach items="${bi_role_list}" var="bi_role" varStatus="id" option value="${bi_role.bi_roleid}" ${bi_role.bi_rolename} /option /c:forEach /select 2，jQuery操作

（1）获取当前选中select的text值

$("#select1").find("option:selected").text(); 

（2）获取当前选中select的value值

$("#select1").val(); 

（3）获取当前选中select的索引值

$("#select1").get(0).selectedIndex; 

（4）设置索引值为1的项为当前选中项

$("#select1").get(0).selectedIndex=1; 

（5）设置value值1的项为当前选中项

$("#select1").val(1);

（6）设置text值为 2017 的项为当前选中项

$("#select1 option[text=2017]").attr("selected",true); 

（7）为指定select下拉框追加一个option（追加到在末尾）

$("#select1").append(""+i+""); 

（8）为制定select下拉框插入一个option（插入到第一个位置）

$("#select1").prepend("请选择"); 

（9）删除select下拉框的最后一个option

$("#select1 option:last").remove();

 

（10）清空select控件内容

$("#select1").empty();

 

（11）添加/删除Select的Option项

$("#select1").append(" option value=Value Text /option //为Select追加一个Option(下拉项) 

$("#select1").prepend(" option value=0 请选择 /option //为Select插入一个Option(第一个位置) 

$("#select1 option:last").remove(); //删除Select中索引值最大Option(最后一个) 

$("#select1 option[index=0]").remove(); //删除Select中索引值为0的Option(第一个) 

$("#select1 option[value=3]").remove(); //删除Select中Value=3的Option 

$("#select1 option[text=4]").remove(); //删除Select中Text=4的Option

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/16672.html

cjava