jquery - 使用jQuery方法从选择标签中单击选项时如何获取警报和值

Question

我选择了带有多个选项的标签，所以当我通过使用其类名单击特定选项时，我希望得到警报框和值，但只使用单击事件而不使用 jQuery 脚本中的 onChange 事件

$('.clk-option').on('click', function () {
  alert();
});    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="value1">value1</option>
  <option class="clk-option" value="value2">value2</option>
</select>

标签： jquery

Answer 1

要获取值，您可以使用 jQuery attr()方法，查看下一个示例。

$('.clk-option').on('click', function ()
{
    var value = $(this).attr("value");
    alert("Value of the option is: " + value);
});    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="value1">value1</option>
  <option class="clk-option" value="value2">value2</option>
</select>

对于大于或等于1.6的 JQuery 版本，您也可以使用prop()方法：

$('.clk-option').on('click', function ()
{
    var value = $(this).prop("value");
    alert("Value of the option is: " + value);
});    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="value1">value1</option>
  <option class="clk-option" value="value2">value2</option>
</select>