jQuery:使用文本值选择下拉列表中的项目

Question

使用 jQuery，使用文本值在下拉列表中选择项目的最简单方法是什么。

例如，我有一个包含州列表的下拉列表。我的文本值为“PA”。我想让“PA”成为所选值。使用 jQuery 执行此操作的最佳方法是什么？我已经在 Google 上搜索了几个小时，但找不到这个问题的示例。

请注意，下拉列表中的每个项目都有一个数字键。我知道 $(#ddlStates).val(key) 将选择我想要的值。但是，我没有 key ，只有测试(“PA”)

感谢您的帮助。

Answer 1

要 100% 确定匹配，您可以执行以下操作:

$("#ddlStates option").filter(function() {
  return $(this).text() == "PA";
}).attr('selected', true);

可能适合您的场景的是 :has()选择器，在其他方面不太安全的是:

$("#ddlStates option:contains('PA')").attr('selected', true);

You can test it out here ，您不想在其他情况下使用它，因为它会匹配子字符串，但由于您有状态，大概所有 2 个字母都可以在这里使用。其他情况可以使用第一种方法。