2015-04-18 87 views
0

我有一个包含复选框,可以是多selected.Here是标记为下拉菜单的下拉菜单中获得的价值..如何从下拉菜单中

<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的功能得到下拉click事件...

$(document).ready(function() { 

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

    }); 

我下面这个link获得在下拉菜单中的多选复选框的选择,但我没有得到如何获得价值。

请帮我..Thanks ...

更新

$("#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) 
+0

这个js代码,事件不听的。 – xAqweRx

回答

1

你可以绑定到change事件,并获得价值本身

$(document).ready(function() { 

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

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

+0

谢谢..它工作了! –

+0

太棒了!如果你希望在'click'事件中获得值,就调用'$('。select')。val()' – scniro

+0

[JSFiddle with click handler example](https://jsfiddle.net/01kuxwno /) – scniro

1

您可以在选择时读取值(s)。 例如: -

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