jQuery获取选择的选项值(不是文本,而是属性'value')

Question

好的,我有这个代码:

<select name="selector" id="selector">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>

而且我想获得所选项的价值.示例:选择"选项2",其值为"2".'2'是我需要得到的值而不是'选项2'.

Answer 1

使用.val获取所选选项的值.见下文,

$('select[name=selector]').val()

你测试:`$('select [name = selector]').change(function(){alert($(this).val());});` (5认同)
请注意,如果所选选项未指定`value`属性,则将返回标签(即`<option> label </ option>`).可能并不总是你想要的.当然,在大多数应用程序中,指定了值. (3认同)

Answer 2

我只想分享我的经验,我的声誉不足以发表评论.

为了我,

$('#selectorId').val()

返回null.

我不得不使用

$('#selectorId option:selected').val()

Answer 3

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

.val() 会得到价值.

Answer 4

您需要为您的选择添加ID.然后:
$('#selectorID').val()

Answer 5

尝试这个：

$(document).ready(function(){
    var data= $('select').find('option:selected').val();
});

或者

var data= $('select').find('option:selected').text();

Answer 6

你可以使用jquery如下

脚本

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

小提琴在这里