jquery怎样获取select控件选中的option中value值,不是text

jquery怎样获取select控件选中的option中value值,不是text,第1张

demo:

<select name="cityCode" id="cityCode" class="span2">

<option value="beijing">北京</option>

<option value="sanya" selected="selected">三亚</option>

<option value="shanghai">上海</option>

</select>

jquery获取方法选中的城市三亚:

$('#cityCode')find("option:selected")val()

首先$('#cityCode')根据id找到对应的select元素,然后通过jquery的find方法找到被选中的option元素,然后val()直接获取option的value。

或者

$("#cityCode option:selected")val();

下面的写法更简洁、条件拼接,实际与上面的是一致。

用jQuery读取并提交,例如:

$("#select_id")change(function(){//code}); //为Select添加事件,当选择其中一项时触发

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最大的索引值

function select(){

windowlocationhref="/WebModule1/servlet1?gtype="+gtypevalue;

} 通过url 方式传给servlet

requestgetParm("gtype")//request获得

那么这个select所有option的集合是:var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合,那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值(和名称)的方式也很简单。比如这个select的有两个option,分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置(即交换值(名称))。

以上就是关于jquery怎样获取select控件选中的option中value值,不是text全部的内容,包括:jquery怎样获取select控件选中的option中value值,不是text、如何获得select被选中option的value和text、JSP select 获取选中值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9655982.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存