Javascript 从下拉列表中动态选择值

我有以下下拉列表：

<select name="selSS1" id="select_value">
    <option value="val0">sea zero</option>
    <option value="val1">sea one</option>
    <option value="val2">sea two</option>
    <option value="val3">sea three</option>
    <option value="val4">sea four</option>
</select>

但是上面的代码似乎不起作用。非常感谢您的帮助。

使用纯JavaScript：

var element = document.getElementById("select_value");
var selectedValue = element.options[element.selectedIndex].value;

尝试：

---

其中index代表您要选择的选项的位置。

使用以下行：

 document.getElementById('select_value').value ="val3";

or 

    document.getElementById('select_value').selectedIndex = 3;

希望这能解决你的问题。

试着这样做：

document.getElementById（'select_value'）。选项[3]。选中
这将选择val 3

document.getElementById('select_value').selectedIndex=3;

如果要根据值设置所选值，请尝试此功能。通过声明函数，您将能够将此功能与任何select（）一起使用

//最简单的版本

function setSelected(select_id,value){

    document.getElementById(select_id).value = value;

}

//或者，复杂版本

function setSelected(select_id,value){

    var mySelect = document.getElementById(select_id);
    var options = mySelect.options;
    var key;
    for(key in options){

        if(options[key].value===value){
            options[key].setAttribute("selected","");
        }
        else
            options[key].removeAttribute("selected");
    }
}

就你而言：

setSelected("select_value","val3");

您必须熟悉Javascript方法和属性请检查代码是否替换了所选的值，但没有检索到它，因此问题是错误的
function setSelected(select_id,value){

    var mySelect = document.getElementById(select_id);
    var options = mySelect.options;
    var key;
    for(key in options){

        if(options[key].value===value){
            options[key].setAttribute("selected","");
        }
        else
            options[key].removeAttribute("selected");
    }
}

setSelected("select_value","val3");

$('#select_value').val('val0');