javascript - 如何从下拉菜单中获取值

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

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

$(document).ready(function () {

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

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