在选择事件上出现另一个下拉菜单

时间:2014-01-21 19:57:10

标签: javascript html

是否可以使用Javascript创建以下场景:

我有一个下拉框“存款类型”,它有两个选项:“信封”和“增强”。我想要的是当我从下拉列表中选择Envelop时,另一个复选框应显示为“Dispensing”。

<select id="DepositType" name="nmf" style="float:left;">
    <option value="Envelope">Principal</option>
    <option value="Enhanced">Producer</option>
</select>

2 个答案:

答案 0 :(得分:0)

$('select#DepositType').on('change', function() {
  if ($(this).val() == 'Envelope') {
  //do something
  }
});

答案 1 :(得分:0)

更新了小提琴http://jsfiddle.net/PV52L/

document.getElementById("DepositType").onchange = function(event) {
if (event.target.value == "Envelope")
    document.body.innerHTML += '<input type="checkbox" name="Dispensing" value="Dispensing">Dispensing<br>';
};