Получить значение опциона по тексту

Question

я следующее:

<select name="dayRange" class="styled"> 
    <option value="0">All day</option> 
    <option value="1">Morning and day (8:00 - 18:00)</option> 
    <option value="2">Evening(18:00 - 6:00)</option> 
</select> 

Как я могу получить value определенного текста?
Например: value для All Day. Спасибо.

Answer 1

var text = "All day"; 

var value = $("option").filter(function() { 
    return $(this).text() === text; 
}).first().attr("value"); 

Answer 2

Думаю, вам нужно будет просмотреть их.

$("select.styled option").each(function(a,b) { 
    if ($(this).html() == "All day") { 
     return $(this).val(); 
    } 
}); 

или использовать .filter()

$("select.styled option").filter(function() { 
    return $(this).html() == "All day"; 
}).val(); 

Answer 3

Другим решением было бы выбрать пункт как этот

$('select[name="dayRange"] > option:contains("All Day")').val() 

Вы можете добавить это в функцию и заменить "All Day" по ваш параметр функции.

(просто проверить перед вызовом .val(), если ваш выбор не равно нулю)

Edit:

Последняя функция будет:

getDayRangeValue = function(rangeName) { 
    // will return undefined if range doesn't exist. 
    return $('select[name="dayRange"] > option:contains("' + rangeName + '")').val(); 
}