html代码部分

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

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

//方法一
$(":selected")
//方法二
$("select option:selected")

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

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

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

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• utf8编码算法是什么样的，如何实现？

  utf8编码算法是什么样的，如何实现？小编这就来给大家分析分析下，对此感兴趣的话可以看看以下知识点，有需要的朋友一定不要错过了。

• Matlab质心算法是什么，如何应用

  这篇文章主要为大家介绍了JavaScript编程中通过Matlab质心算法来定位的算法学习，有需要的朋友可以借鉴参考下，希望能够有所帮助

• 如何深入理解JS对象创建与继承，实际应用是怎样

  这篇文章主要为大家介绍了JS对象创建与继承的汇总梳理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

• JS中替换字符串前后端符号的方法是什么

  js替换字符串两端的空格，逗号，或其它任何的符号其实是很简单的，但为什么要在这儿讲呢？有一个问题是，如果字符串两端是一个或多个逗号，有可能只有一端有逗号，这种情况该怎么用正则表达式来解决呢？ 下面我列举几种情况，例如将下面这些字符的两端符号去

• vue中数据响应式怎样实现？一文带你看懂过程

  这篇文章给大家分享的是vue中数据响应式实现的内容，下文将给大家介绍为何要实现数据响应式及vue中的数据响应，文中示例代码介绍的非常详细，感兴趣的朋友接下来一起跟随小编看看吧。