Изменить DropDown (Выбрать) с помощью JavaScript без значения параметра

Question

У меня есть 3x следующего DropDown, созданного Magento с другой меткой:

<label>Choose title:</label>

<select onchange="opConfig.reloadPrice()" title="" class=" required-entry product-custom-option" id="select_13" name="options[13]">

<option value="">-- please select --</option>
<option price="10" value="55">title1 +10,00</option>
<option price="20" value="56">title2 +20,00</option>
<option price="30" value="57">title3 +30,00</option>

</select>

Все записи значений (например, value = "56") создаются автоматически, поэтому я не могу выберите, какие значения должны отображаться.

Я должен выбрать опцию типа "title2 +20,00" с JavaScript, но без использования опции "value".

Естьэто возможно?Если да, в каком направлении?

Спасибо за каждый полезный ответ.

Answer 1

function selectOption(sSelectId, sSelectedOptionText) {
    var oOptions = document.getElementById(sSelectId).getElementsByTagName('OPTION');
    for (var i = 0; i < oOptions.length; i++) {
        if (oOptions[i].innerHTML == sSelectedOptionText) {
            oOptions[i].selected = true;
            break;
        }
    }
}

selectOption('select_13', 'title2 +20,00');
selectOption('select_14', 'text 2');
selectOption('select_15', 'text 3');
...

Также смотрите мой jsfiddle .

Answer 2

  var myValue = $('option:contains("title2 +20,00")').val();
  $('#select_13').val(myValue);