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 onchange="alert('今天下单你大概将会在'+getSD(this)+'左右到达。')">

<option value="15">美国</option>

<option value="15">日本</option>

<option value="15">韩国</option>

<option value="15">新加坡</option>

<option value="15">西班牙</option>

<option value="30">巴西</option>

<option value="30">智利</option>

<option value="30">墨西哥</option>

</select>

<script>

function getSD(o){

   var td=new Date()

   var y=td.getFullYear()

   var m=td.getMonth()

   var d=td.getDate()+parseInt(o.value)

   return new Date(y,m,d).toLocaleDateString()

}

</script>

<html:select property="product.state" id="state">

<option value="false" selected>否</option>

<option value="true" >是</option>

</html:select>

<script type="text/javascript">

var state = document.getElementById("state")

state.onchange = function(){

if(this.value){

//呈现或创建文件框

}else{

//隐藏或销毁文本框

}

}

</script>

不能返回“否”是什么意思啊?

你看看你的:else{

//

}

当选否时你什么也没做.

<script type="text/javascript">

var state = document.getElementById("state")

var tb_url_text

state.onchange = function(){

alert(this.value)

if(this.value=true){

tb_url_text = '打折价格：<html:text property="product.statePrice"/><span class="shuom">RMB</span>'

document.getElementById("tbur").innerHTML = tb_url_text

}else{

document.getElementById("tbur").innerHTML = ""

}

}

---