使用selectedIndex属性：

document.getElementById("Mobility").selectedIndex = 12; //Option 10

替代方法：

循环遍历每个值：

//Get select object
var objSelect = document.getElementById("Mobility");

//Set selected
setSelectedValue(objSelect, "10");

function setSelectedValue(selectObj, valueToSet) {
    for (var i = 0; i < selectObj.options.length; i++) {
        if (selectObj.options[i].text== valueToSet) {
            selectObj.options[i].selected = true;
            return;
        }
    }
}

最简单的方法是使用这个

document.getElementById("mySelect").value = "banana";

myselect 是下拉菜单的名称 香蕉只是下拉列表中的项目之一

function setSelectedIndex(s, v) {
    for ( var i = 0; i < s.options.length; i++ ) {
        if ( s.options[i].value == v ) {
            s.options[i].selected = true;
            return;
        }
    }
}

其中 s 是下拉列表，v 是值

如果您知道值，则是最简单的可能解决方案

document.querySelector('option[value=" + value +"]').selected = true

我意识到这是一个老问题，但我会发布我的用例的解决方案，以防其他人遇到与我在实施James Hill 的回答（上面）时遇到的情况相同的情况。

我在尝试解决同一问题时发现了这个问题。 詹姆斯的回答让我达到了 90%。但是，对于我的用例，从下拉列表中选择项目也会从下拉onchange事件的页面上触发一个操作。James编写的代码没有触发这个事件（至少在我测试的 Firefox 中）。因此，我做了以下小改动：

function setSelectedValue(object, value) {
    for (var i = 0; i < object.options.length; i++) {
        if (object.options[i].text === value) {
            object.options[i].selected = true;
            object.onchange();
            return;
        }
    }

    // Throw exception if option `value` not found.
    var tag = object.nodeName;
    var str = "Option '" + value + "' not found";

    if (object.id != '') {
        str = str + " in //" + object.nodeName.toLowerCase()
              + "[@id='" + object.id + "']."
    }

    else if (object.name != '') {
        str = str + " in //" + object.nodeName.toLowerCase()
              + "[@name='" + object.name + "']."
    }

    else {
        str += "."
    }

    throw str;
}

请注意object.onchange()我添加到原始解决方案中的调用。这将调用处理程序以确保页面上的操作发生。

编辑

添加了value在未找到选项时抛出异常的代码；这是我的用例所需要的。