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

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

下拉框的值和普通文本输入框没有什么不同，使用方法一个，你直接通过select的name或者id都可以得到select的value，普通方法就是通过form表单的post方法提交参数，提交到你的action中，在action中调用DAO层，去实现数据库 *** 作。最后在逻辑层判断，做前台页面跳转。

1、简单做法：使用onchange触发页面重新加载，如取得下拉框的值后，重定向网址window.location.href = "?searchtype="+下拉框的值

2、用ajax动态刷新用户列表区域，这种方法写起来稍有点麻烦

---