Jquery 在具有相同类的多个下拉列表中查找一个下拉列表的选定选项

html是

<select class='pay-type' style='width:100%'>
  <option>Credit Card</option>
  <option>Cash</option>
  <option>Credit Note</option>
  option>Gift Voucher</option>
  <option>Cheque</option>
</select>

---

您缺少一个

.text（）

注意：您的代码中有一些错误

这些选项没有值。虽然不是严格必要的，但拥有它们是一种良好的做法。如果要在数据库中存储值，现在只能使用

text

方法进行存储

如果您将第一个

选项保持为选择付款方式，则用户还可以选择信用卡选项以显示在所选分区中。现在要执行相同的操作，用户必须先选择其他选项，然后返回并选择该选项以查看该选项

---

那似乎不起作用。我尝试了$（this.filter（'option:selected'）.val（）；但这也不起作用。这不是使用

.val（）

的方式。请参阅我的最新答案。此外，还缺少一个

@Spinbad请注意，如果选项没有
value
属性，下拉列表几乎没有任何用处，因为您不知道用户在提交表单时选择了什么。我为所有选项添加了value属性。我犯了一个错误，没有指定选项的值就试图访问val（）。谢谢各位。
$('.pay-type').change(function(){
  console.log($(this).filter('option :selected'));
}); 

$('.pay-type').change(function(){
    console.log($(this).filter('option :selected').text()); // to show the text
    console.log($(this).val()); // to show the value
});