如何使用 jQuery 检查所选选项的整数值？

Question

假设我有一个 select 选项字段，如下所示：

  <select id="options">
    <option value=1>1</option>
    <option value=2>2</option>
  </select>

如何查看 selected 选项的值？

$("#options").value() returns 类型错误。 $("#options").text() returns "" 和 $("#options").val() returns undefined.

如何检查 selected 整数值？

Answer 1

您需要获取所选选项的值

$("#options option:selected").val()

Answer 2

您可以选择以下两种方式之一（都在下面演示，请检查 console.log）

您可以收听您拥有的select元素的.change()，然后找到所选选项的值

或者您可以遍历每个选项并找到其对应的值

$(document).ready(function() {
    $('#options').on('change', function() {
     console.log($(this).val());
    });
    
    $('#options option').each(function() {
     console.log('option value: '+  $(this).val());
    });
});

<select id="options">
  <option value=1>1</option>
  <option value=2>2</option>
</select>

Answer 3

您需要在 div 上添加 'selected' 伪选择器，以指定如果您希望获得选定 div 中的文本，则需要选定的选项。

所以要获得选定的文本将是：

$( "#options option:selected" ).text();

或者如果你想获取值，只需使用：

$( "#myselect" ).val();

您可以在 jquery 文档中查看更多信息 here：

Answer 4

$( document ).ready(function() {
    var value = $('#options').val();
    //or
    var $('#options :selected').text();
});

除非脚本执行得太早，否则您的代码应该可以工作。

如何使用 jQuery 检查所选选项的整数值？

How to check the integer value of a selected option with jQuery?

javascript

jquery

select

integer