javascript - 根据节点值在下拉菜单中选择一个选项？

Question

有没有办法根据节点值在 jQuery(或 Javascript)中设置下拉列表的值？

 <select name="ddlProperty">
        <option value="1" selected="selected"></option>
        <option value="2">Animal Kingdom</option>
        <option value="3">Epcot</option>
        <option value="4">Hollywood Studios</option>
        <option value="5">Magic Kingdom</option>
        <option value="6">Downtown Disney</option>
</select>

我需要设置魔法王国的选项，所以像这样:

$("#ddlLocation").val("Magic Kingdom")

因此 Magic Kingdom 将成为选定的项目，这没有按预期工作。有什么想法吗？

Answer 1

如果您可以使用值(不是文本!)，请使用 .val() 来实现:

$("#ddlProperty").val("5");

如果没有，请使用 .filter() , .text() 和 .attr() 查找并设置选定的 <option> ，像这样:

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