在select上调用val（）有时会返回null

Question

这是我的select。当我尝试$(".test").val()时，它有时会返回null。我无法理解它有什么问题。

＆＃13;

＆＃13;

console.log($('.test').val());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="test">
  <option class="option" selected value="1">1</option>
  <option class="option" value="2">2</option>
</select>

＆＃13;

＆＃13;

＆＃13;

Answer 1

如何将测试从类改为id？ 它将是独一无二的，因此您的DOM不会干扰它。因为我认为这是未定义返回的问题

＆＃13;

＆＃13;

console.log($('#test').val());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="test">
  <option class="option" selected value="1">1</option>
  <option class="option" value="2">2</option>
</select>

＆＃13;

＆＃13;

＆＃13;

Answer 2

问题

<小时/>

在您的代码中，您有一个select元素和一些options。但是，作为JQuery代码，您需要选择select元素的值。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="test">
 <option class="option" selected value="1">1</option>
 <option class="option" value="2">2</option>
</select>

如果您的select元素如下所示。

<select value="something"></select>

您的代码可能会输出一些内容。

解决方案

<小时/>

但是，您必须获得所选value的{​​{1}}。

现在，试试这段代码。

option

您将找到所需的输出（1）。

您可以从learn.jquery

阅读