如何在“选择”下拉列表中获取所选的选项值

时间:2014-05-19 05:23:24

标签: jquery select

如何在jquery的选择下拉列表中获取所选内容的选项值

<select>
       <option value="100">one</option>
       <option value="263">two</option>
       <option value="500">three</option>
       <option value="768">four</option>
</select>

此处选项值编号是随机的。
假设我选择三,我应该得到500。

4 个答案:

答案 0 :(得分:1)

像这样 -

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

.change() ---> http://api.jquery.com/change/

答案 1 :(得分:1)

在更改事件上使用jquery来执行此示例DEMO

$(docuemnt).ready(function(){
    $('select').change(function(){
                 alert($(this).attr('value'));     
     });
});

OR

    $('select').change(function(){
                 alert($(this).val());     
     });

答案 2 :(得分:0)

您可以使用 .change() 事件跟踪select值的变化以及this.value以获取所选值:

$('select').change(function() {
    console.log(this.value);
});

<强> Fiddle Demo

答案 3 :(得分:0)

$("select").change(function() {
    var a = this.value();
    alert(a);
});