获取选定的选项

Question

我想从下拉菜单中获取所选的选项。我知道我可以通过jQuery（下拉列表）.val（）获得选择的选项。但我无法使用'val'函数获取所选内容。

我在这里做错了吗？

Answer 1

请使用：

var selectedValue = $('.daterange-preset').val();

（注意：我能够通过放大来查看您的代码并获取您的班级名称，但将来请发布代码而不是屏幕截图。）

Answer 2

尝试使用.on（“更改”，然后找到已应用选定内容的选项。我附上了一个jsfiddle，其中包含一个工作示例，每次更改时都会提醒您所选选项的值。

$('.datarange-preset').on( "change", function(){
      var datarangeSelected = $('.datarange-preset').find(":selected").val();  
        alert(datarangeSelected);
});

http://jsfiddle.net/g8hVA/

Answer 3

我想出了这个问题。在我的代码中，一个地方的下拉值被设置为null。

$daterangePreset.val(someVarialwithNullValue);

因为该值已设置为null。我没有在HTML中看到任何更新。 HTML仍然显示选项之一为“已选择”。因此，当我尝试使用以下语法获取所选值时，它始终返回null。

$daterangePreset.val();

Answer 4

您可以使用以下变体：

  var text = $("option:selected").text();
  var value = $("option:selected").val();