使用jQuery在选择框中获取所选选项值的方法

这篇文章主要介绍了使用jQuery在选择框中获取所选选项值的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

按需制作网站可以根据自己的需求进行定制，成都网站设计、成都网站制作构思过程中功能建设理应排到主要部位公司成都网站设计、成都网站制作的运用实际效果公司网站制作网站建立与制做的实际意义

 可以使用jQuery中的selected选择器来获取被选择的option元素，我们还可以从多选框中来进行选择选项

jQuery中的:selected 选择器主要用于选取被选择的 元素，我们可以通过使用jQuery中的:selected选择器来在选择框中获取所选选项的值

例：

HTML代码：

  

        选择城市：
        
            合肥
            上海
            北京
        
    

jQuery代码：

$(document).ready(function(){
    $("select.country").change(function(){
        var selectedCountry = $(this).children("option:selected").val();
        alert("你选择的城市是： " + selectedCountry);
    });
});

效果图如下：

从多选框中选择选项

多选框允许用户选择多个选项，通过将属性添加multiple到标记，可以在选择框中启用多个部分

    

        选择城市
        

合肥 上海 北京 南京 杭州 选择

效果图：

感谢你能够认真阅读完这篇文章，希望小编分享使用jQuery在选择框中获取所选选项值的方法内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!