<select>
<option value="https://bbs.csdn.net/topics/xx1">
選項一
</option>
<option value="https://bbs.csdn.net/topics/xx2">
選項二
</option>
<option value="https://bbs.csdn.net/topics/xx3">
選項三
</option>
</select>
<div id="sc1">
需要輸出的對應內容1...
</div>
<div id="sc2">
需要輸出的對應內容2...
</div>
<div id="sc3">
需要輸出的對應內容3...
</div>
uj5u.com熱心網友回復：
給selected系結一個οnchange事件，當選中option的時候會觸發，在事件里根據value的值判斷執行什么樣的邏輯
<select onchange="">
//option
</select>
uj5u.com熱心網友回復：
<select onchange="sel(this)">
<option value="https://bbs.csdn.net/topics/xx1">
選項一
</option>
<option value="https://bbs.csdn.net/topics/xx2">
選項二
</option>
<option value="https://bbs.csdn.net/topics/xx3">
選項三
</option>
</select>
<div id="sc1">
需要輸出的對應內容1...
</div>
<div id="sc2">
需要輸出的對應內容2...
</div>
<div id="sc3">
需要輸出的對應內容3...
</div>
<script>
function sel(el) {
let v = el.value
let text = el.options[el.selectedIndex].text
document.getElementById('sc'+(el.selectedIndex+1)).innerHTML = v+'<br>'+text
}
</script>
uj5u.com熱心網友回復：
大佬可以麻煩寫下嗎？
uj5u.com熱心網友回復：
你好，我用你的代碼直接套用并不會根據選項的不同而輸出不一樣的DIV，反而那三個需要輸出的DIV都一同顯示的頁面中了
uj5u.com熱心網友回復：
選中option的值和文本都輸出了，第一行是值第二行是文本直接替換了div的文字，需要什么自己取。問題本身都沒描述清楚，選中的option是要值還是要文本。uj5u.com熱心網友回復：
想要的效果就是根據當前所選擇的選項來輸出對應的內容，例如：當前所選擇的是“選項二”輸出“對應內容2”，而內容1與內容3由于當前沒有選擇所以就不顯示。
uj5u.com熱心網友回復：
默認設定div隱藏，根據選擇的值設定對應的div顯示。類似ta的操作轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/25409.html
標籤：JavaScript