javascript - 获取选项选择值的两种方法

Question

我尝试了两种方法来获取选项选择的值

1. $(".card-vaild-month option:selected").val()

2. $(".card-vaild-month option:selected").text()

我的选项是由 javascript 生成的， 当我使用方法#1时无法正常取值，但是#2可以正常取值。

但是，如果我的选项不是javascript生成的(直接写在html上) 这两种方法都是可行的

这两种方法有什么区别？

提前致谢

Answer 1

您应该获取选择菜单的值，而不是选项。在你的情况下

$('.card-valid-month').val();

我在下面添加了一个小例子

alert($('.input-select').val());

$('.input-select').on('change',function(){
	alert($(this).val());
});

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