如何从下拉菜单中获取值

Question

我有一个下拉菜单，其中包含可以使用 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)

Answer 1

您可以绑定到 change 事件并获取这样的值

$(document).ready(function () {

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

JSFiddle Link - 滚动到底部以获得 .ready 代码

Answer 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>

如何从下拉菜单中获取值

How to get the value from the dropdown menu

javascript

jquery

html

css

sumoselect.js