从JQuery中的select变量中获取选定的值

Question

我知道以下事情

 var selectedVal = $('#select option:selected').attr('value');

但是，我想做一些像

这样的事情

  var combo=$('#select');     
  var selectedVal = $(combo + 'option:selected').attr('value');

任何线索？

Answer 1

你需要使用逗号而不是+来获得后代。另请注意.val（）您不需要使用.attr

  var combo=$('#select');     
  var selectedVal = $(combo, 'option:selected').val();
  //                       ^^

DEMO

Answer 2

您应该使用：

var selectedVal = $(combo).find('option:selected').attr('value');

Answer 3

替代方法是不需要变量，直接使用选择器或选择器的ID使用jQuery的＃和val()方法

var selectedVal = $('#select').find('option:selected').val();

或者

var selectedVal = $('#select','option:selected').val();

Answer 4

您需要使用更改功能来获取所选值

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

DEMO