如何从下拉菜单中获取值答案

【问题标题】：How to get the value from the dropdown menu如何从下拉菜单中获取值
【发布时间】：2015-04-18 18:49:18
【问题描述】：

我有一个下拉菜单，其中包含可以使用SumoSelect 进行多选的复选框。这是下拉菜单的标记..

<select multiple="multiple" name="somename" id="uq" class="select">
    <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="mercedes">Mercedes</option>
   <option value="audi">Audi</option>
   <option value="bmw">BMW</option>
</select>

这里是获取下拉点击事件的jquery函数...

$(document).ready(function () {

        $('.select').SumoSelect({});
        var v = $("#uq").val();

    });

我正在关注此link 以获取下拉菜单中的多选复选框选项，但我不知道如何获取值。

请帮帮我..谢谢...

更新

$("#submit").click(function (evnt) {
    evnt.preventDefault();
    alert(v);
    console.log(v);
});

更新 2

$(document).ready(function () {

       $('.select').on('change', function (e) {
           console.log($(this).val()) // value
       }).SumoSelect({});

       $("#submit").click(function (evt) {
           evt.preventDefault();

           var v = $("#uq").val();
           alert(v)

【问题讨论】：

这个 JS 代码根本不监听事件。

标签： javascript jquery html css sumoselect.js

【解决方案1】：

您可以绑定到change 事件并获取相应的值

$(document).ready(function () {

    $('.select').on('change', function(e) {
        console.log($(this).val()) // value
    }).SumoSelect({})
});

JSFiddle Link - 滚动到底部查看.ready 代码

【讨论】：

谢谢..成功了！！
太棒了！如果您希望在click 事件或其他内容中获取值，只需调用$('.select').val()
嘿，我需要你的帮助一次..我尝试在我的应用程序中实现相同的功能。我添加了`$('.select').on('change', function (e) { console.log($(this).val()) // value }).SumoSelect({});` in document.ready 和 ` alert($('.select').val());` in button单击事件，但我无法在下拉菜单中看到复选框..请帮助我..谢谢
@RadheyPandey 你能在 JSFiddle 中重现错误吗？你是否在控制台中遇到任何错误？
请参阅我的帖子中的更新 2。我试图以这种方式实现..但我无法获得下拉菜单点击事件..等等也没有价值

【解决方案2】：

您可以在做出选择后最近读取值。例如：

$('#read-btn').click(function(){
  var v = $("#uq").val();
  alert(v)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select multiple="multiple" name="somename" id="uq" class="select">
    <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="mercedes">Mercedes</option>
   <option value="audi">Audi</option>
   <option value="bmw">BMW</option>
</select>
<button id="read-btn">read all choices</button>

【讨论】：