学堂 学堂 学堂公众号手机端

jquery获取select选中的值方法及代码是什么

lewis 1年前 (2024-04-22) 阅读数 17 #技术
这篇主要是介绍“jquery获取select选中的值方法及代码是什么”的内容了,下文有实例供大家参考,对大家了解操作过程或相关知识有一定的帮助,而且实用性强,希望这篇文章能帮助大家解决jquery获取select选中的值方法及代码是什么的问题,下面我们一起来了解看看吧。

 

jquery获取select选中的值示例详解,js获取选中option的value值很简单。

html代码部分

<select>
<optionvalue="1">张三</option>
<optionvalue="2"selected="selected">李四</option>
<optionvalue="3">王五</option>
</select>
<buttonid="getSelVal">获取选中的值</button>

jquery selected选择器的使用有两种,如下


//方法一
$(":selected")
//方法二
$("selectoption:selected")

jquery完整代码,获取select选中的值以及选中的文本

<script>
$("#getSelVal").click(function(){
vartext=$(":selected").text();
varvalue=$("selectoption:selected").val();
alert(text+"==="+value);
});
</script>

输出结果:“李四===2”


以上就是关于“jquery获取select选中的值方法及代码是什么”的介绍了,感谢各位的阅读,如果大家想要了解更多相关的内容,欢迎关注博信,小编每天都会为大家更新不同的知识。
版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门