Question

我有3倍的Magento使用不同标签创建的DropDown：

<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>

所有值条目（如值=“56”）都是自动创建的，因此我无法选择应显示的值数字。

我必须使用JavaScript选择“title2 +20,00”之类的选项，但不使用“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);

使用不带值的JavaScript选项更改DropDown（Select）

2 个答案: