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

我想：

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

<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动态地选择从该列表中的值

但上面的代码似乎不工作。任何帮助最受赞赏。

来源

2012-04-02 Kim

你必须要熟悉JavaScript方法和性能 – AmGates 2012-04-02 12:04:59

请检查thi s http://stackoverflow.com/questions/1085801/how-to-get-selected-value-of-dropdownlist-using-javascript – PresleyDias 2012-04-02 12:06:04

使用以下命令行：

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

or 

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

希望这能解决问题乌尔。

来源

2012-04-02 12:06:27 AmGates

谢谢，第一个选项似乎已经完成了这个把戏:) – Kim 2012-04-02 12:09:52

以及代码替换选定的值它不检索它，所以问题是错误的 – 2012-04-02 12:13:08

用普通的JavaScript：

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

来源

2012-04-02 12:05:42

尝试：

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

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

来源

2012-04-02 12:05:44 Th0rndike

试试这样说：

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

来源

2012-04-02 12:07:54

如果你想设置选定一个由值，试试这个功能，这将选择VAL 3

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

来源

2012-04-02 12:11:46

。通过声明一个函数，你将能够使用这个功能与任何选择:)。

//最简单的版本

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

来源

2012-04-02 12:19:01

我测试了它，它工作正常:) – 2012-04-02 12:21:42

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

来源

2012-04-02 12:34:46

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

回答

相关问题