селектор 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 + "']"); 

Однако, как только я добавить [текст] после того, как опция селектор, кажется, чтобы выбрать весь документ, в то время как $ (» # "+ поле +" вариант "); просто выбирает все теги параметров в поле выбора, как и следовало ожидать.

Не могли бы вы объяснить, почему он не распознает «[текст]» и как я могу это исправить?

Благодаря

Answer 1

apples является текст опции, а не его значение. Вы должны использовать функцию .filter() здесь:

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

Кроме того, Вы пытаетесь получить значение параметра с помощью текста, а затем установите его значение для выбора. Вы скорее можете установить выбранное свойство оптации верно для установки его выбрали:

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

Working Demo

Answer 2

Селектор [] CSS можно использовать только по атрибутам (href, selected, value, class, id , ...). Вы не можете использовать его в содержимом элемента html.

Решение Milind Anantwar - это путь. Используйте filter:

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

Answer 3

Вы можете сделать это:

function setFieldValue(field, value) { 

    // First filter all option by text, then get that option value 
    var val = $("#" + field + " option").filter(function() { 
     return $.trim($(this).text()) == value; 
    }).val(); 
    console.log(val); 

    // Set the option w/ text value here 
    $("#" + field).val(val); 
} 

FIDDLE DEMO

Answer 4

селекторы как tagname[attributename] ищет фактический атрибут на tagname элемента. Элементы вашего option не имеют атрибута text. Поэтому вам нужно либо дать им атрибут text, либо, возможно, предпочтительнее изменить свой селектор, чтобы изучить фактический внутренний текст элемента, а не искать атрибут, например. с contains:

var val = $("#" + field + " option:contains(" + value + ")");