Question

我有以下下拉列表：

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

从该列表中动态选择一个值

我试过了：

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

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

Answer 1

使用以下行：

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

or 

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

希望这能解决你的问题。

Answer 2

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

Answer 3

使用纯JavaScript：

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

Answer 4

尝试：

var mySelect = document.getElementById('select_value');
mySelect.getElementsByTagName('option')[index].setAttribute('selected','selected');

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

Answer 5

以这种方式尝试：

document.getElementById('select_value').option[3].selected;

Answer 6

这将选择val 3

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

Answer 7

如果要按值设置所选的一个，请尝试此功能。通过声明一个函数，您将能够在任何选择中使用此功能：）。

//最简单的版本

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");

从下拉列表中动态选择值

7 个答案: