html下拉框怎么用js添加新值_IT百科

html下拉框怎么用js添加新值

javascript添加一个下拉列表项的方法：创建一个新的option节点，然后添加到目标select对象中去，关键代码如下：

1、var objSelect = document.getElementById(select_id)。

2、var new_opt = new Option(objItemText, objItemValue)。

3、objSelect.options.add(new_opt)。

实例演示如下：

1、HTML结构，包括一个select项，含有三个options。另外，设置input和button,通过自由父子，实现给select增加自定义option。

此时的显示效果如下，其中option中有三项。

2、JS的函数设计如下：

现有的options如下：

3、在页面上输入新的数据，点击添加。

此时的select效果显示如下，自由添加功能实现。

[html] view plain copy print?

<html>

<head>

window.onload = function(){

var opts = document.getElementById("select")

var value = 2//这个值就是你获取的值

if(value!=""){

for(var i=0i<opts.options.lengthi++){

if(value==opts.options[i].value){

opts.options[i].selected = 'selected'

alert(opts.options[i].value)

break

}

</script>

</head>

<body>

</select>

</body>

</html>

访问数据之前，你肯定要传入一个下拉的value进去，在跳转回来之后，再获取这个值，然后循环遍历这个下拉所有option，去判断，如果options[i]==这个值，就selected='selected'：