[英]Javascript selected index onchange doesn't work at all
我正在嘗試創建一個其中包含值的選擇標記,如果從五個值中選擇兩個,則另一個選擇框將顯示在屏幕上。 我嘗試搜索此內容,發現人們在哪里使用javascript並使用onchange事件,但由於某種原因我無法使其正常工作。 如果未選擇個人或短期,則切換ID是我想要顯示的ID,否則我希望將其隱藏。 代碼在下面,感謝您的提前幫助。 我沒有包含javascript,因為我將其全部刪除,但是我嘗試了幾種不同的方法,但沒有運氣。 我認為這是我安排表格的方式。
HTML
<tr>
<td class='txt'><span>*</span>Coverage Needed?</td>
<td>
<select name="ins_type" id='ins_options' onChange="toggle();">
<option>Select...</option>
<option value="Group">Group Insurance</option>
<option value="Individual">Individual Insurance</option>
<option value="Short Term">Short Term Insurance</option>
<option value="Medicare">Medicare</option>
<option value="Life">Life Insurance</option>
</select>
</td>
<td ><div id='toggle'><span>*</span>How Many?
<select name='applicants' id='applicants' >
<option>Select...</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='1'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>
</div>
</td>
</tr>
Javascript(我當時想這樣的東西應該可以)
<script type="text/javascript">
function toggle() {
if (document.getElementById("ins_options").options
[getElementById("ins_options").selectedIndex].value == "Individual") {
document.getElementById("toggle").style.display = "none";
} else {
document.getElementById("toggle").style.display = "block";
}
}
</script>
您在所選索引查找中缺少document
-http: //jsfiddle.net/VfEyW/
所以代替
[getElementById("ins_options").selectedIndex]
嘗試
[document.getElementById("ins_options").selectedIndex]
...
UPDATE
要檢查2個值,您可以執行此操作
function toggle() {
var val = document.getElementById("ins_options").options[document.getElementById("ins_options").selectedIndex].value;
if ( val == "Individual" || val == "Short Term" ) {
document.getElementById("toggle").style.display = "none";
} else {
document.getElementById("toggle").style.display = "block";
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.