select切換觸發事件JS

<select>切換後JS(Javascript)觸發事件，並且讓另一個<select>新增<option>內容，成功做出選擇項目，依照條件帶出新的選擇項目。



1.select切換選擇option觸發事件使用onchange

<label>地區:</label>

<select id="select0" class="select0" onchange="show_cabinet()">

<option value="">請選擇</option>

<option value="0">機櫃A</option>

<option value="1">機櫃B</option>

</select>

<label>機櫃:</label>

<select id="select1" class="select1">

</select>

2.JS運行觸發事件

<script>

//取得onchange事件

function show_cabinet(){

var select1 = document.getElementById("select1");

    select1.innerHTML = ""; //清空欄位    

//對select1增加option

var option = document.createElement("option");

option.value = 0;

option.text = "測試機櫃";

select1.add(option);

}

</script>