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 获取选中值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)