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效果显示如下，自由添加功能实现。

扩展资料：

添加值

function addData1(){

//清空下拉选中的数据
$("#resType").empty();
$("#resType").append("aaaaaa");
$("#resType").append("bbbbbb");

}

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

var objSelect = document.getElementById(select_id);
var new_opt = new Option(objItemText, objItemValue);      
objSelect.options.add(new_opt);

实例演示如下：

1、HTML结构

	option-1
	option-2
	option-3


新增列表项
 值：   内容：

2、javascript代码

function fun(){
	var val = document.getElementById("val").value;
	var txt = document.getElementById("txt").value;
	var sel = document.getElementById("test");
	var option = new Option(txt, val);      
    sel.options.add(option);     
}

3、效果演示

js:

html:





add

这个问题其实很简单