神马 - 云代码空间
—— 任何傻瓜都能写出计算机可以理解的代码,好的程序员能写出人能读懂的代码。
本人最近使用jq编写js代码,下拉的值是从库中读取的。这次做的有点特殊,特殊在那呢?不光要获取值,更要获取所选中的文本来插入数据库中。
这就有问题了?为什么呢,之前一直都是用纯js编写,这次突然使用jq来获取下拉,都有点不知所措了。
网上查找相关资料,一看原理还真简单,获取当前选择项的文本,实现方法如下:
方法1:
$("#selectid option:selected").text() //selectid下拉框的id
方法2:
$("#selectid").find("option:selected").text();
上面的两个方法是怎么获取当前选择项的文本;
1、获取select选中的 value:
$("#selectid").val();
2、获取select选中的索引:
$("#selectid").get(0).selectedIndex;
3、设置select 选中的索引:
$("#selectid").get(0).selectedIndex=index;//index为索引值
4、设置select 选中的value:
$("#selectid").attr("value","hello“); $("#selectid").val("Normal"); $("#selectid").get(0).value = value;
5、设置select 选中的text:
var count=$("#selectid").find("option").length; for(var i=0;i<count;i++){ if($("#selectid").get(0).options[i].text == text) { $("#selectid").get(0).options[i].selected = true; break; } }
6、select根据value默认选中
$("#selectidoption[value='selectValue']").attr("selected",true);
7、清空 Select:
$("#selectid").empty();
8、添加另一个select option(将第二个的值插入到第一个里面) :
$("#selectid").find("option").clone().appendTo("#selectid2");
9、设置选中项:
$("#selectid").get(0).selectedIndex=2;