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();

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

1:js取值

//获取下拉列表选中项的值

代码如下

function getSelectedValue(name){

var obj=documentgetElementById(name);

return objvalue; //直接用其对象的value属性便可获取到

}

2:获取文本值

代码如下

<select Id="select">

<option>1</option>

<option selected="selected">2</option>

<option>3</option>

</select>

<script language="javascript" type="text/javascript">

var ById = documentgetElementById("Select")

alert(ByIdoptions[ByIdselectedIndex]text)

</script>

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

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

原文地址:https://54852.com/web/9792348.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存