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

您可以在最近做出选择时阅读值。 E.g：

$('#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>

如何从下拉菜单中获取值

2 个答案: