javascript - 无法在 Internet Explorer 10 或 11 中设置选择元素的值

Question

每当我尝试设置选择元素的值时，例如 select.value='somevalue';这在 IE 10 或 11 中不再有效。

JQuery 版本可以工作，但不能使用原始 JavaScript。

不适用于 IE 10 或 11

selFractInchOpts.value = '25';

适用于所有浏览器。

$(selFractInchOpts).val('25');

在 Internet Explorer 10 或 11 中设置选择元素值的正确方法是什么？

--这个有效--

    var resetSelectValue = function (b) {

        var fract = (b.size.widthInches - ~~b.size.widthInches) + '',
                     width = (~~b.size.widthInches) + '',
                     o;

        $(selBayWidthOptions).val(width);
        $(selFractInchOpts).val(fract);

        selFractInchOpts.onchange = selectBayWidthOpts;
        selBayWidthOptions.onchange = selectBayWidthOpts;
    };

--这不起作用--

            var resetSelectValue = function (b) {

                var fract = (b.size.widthInches - ~~b.size.widthInches) + '',
                             width = (~~b.size.widthInches) + '',
                             o;

                selBayWidthOptions.value = width;
                selFractInchOpts.value = fract;

                selFractInchOpts.onchange = selectBayWidthOpts;
                selBayWidthOptions.onchange = selectBayWidthOpts;
            };

Answer 1

发生的是 jQuery someSelect.val(x) 是一个完整的函数，它遍历 select 中的所有选项，一个快速而肮脏的选项是:

function setSelectValue(theSelect,value){
  Array.prototype.forEach.call(theSelect.children,function(el){if(el.value==value.toString()){el.selected=true}});
}

...your code where you need to set the element by its value
setSelectValue(theSelect,theValueToSelect);

希望这对您有所帮助。