javascript - Jquery 选择器 - 文本等于 - 不工作

Question

HTML

<select id="myDDL">
    <option selected="selected" value="0">default</option>
    <option value="1">apples</option>
    <option value="2">oranges</option>
</select>

Javascript

setFieldValue("myDDL", "apples");

function setFieldValue(field, value)
{
    var val = $("#" + field + " option[text]");
    console.log(val);
    $("#" + field).val(val);
}

JSFiddle

https://jsfiddle.net/nnvh7e43/

我想根据其文本在选择字段中选择一个选项，即:

var val = $("#" + field + " option[text='" + value + "']");

然而，一旦我在选项后添加 [text]，选择器似乎选择了整个文档，而 $("#"+ field + "option");正如我所期望的，只需选择选择字段中的所有选项标签。

您能否解释一下为什么它无法识别“[text]”以及我该如何纠正这个问题？

谢谢

Answer 1

apples 是选项的文本而不是它的值。您需要在此处使用 .filter() 函数:

 $("#" + field + " option").filter(function(){
       return $(this).text() === value ;
 });

此外，您正试图通过文本获取选项值，然后设置其值来选择。您可以将选项的 selected 属性设置为 true 以将其设置为选中:

 $("#" + field + " option").filter(function(){
       return $(this).text() === value ;
 }).prop('selected', true);

Working Demo