如何根據選擇更新 div？

Question

我希望，當用戶在 HTML 中選擇一個選項時，我會在另一個 div 上顯示 Block。

我將函數 OpenAskuser() 放在一個按鈕中，但也不起作用。 沒有按鈕會更好。 就在用戶選擇選項“是”時。 顯示=塊

謝謝社區！！

 function OpenAskuser() { var select = document.getElementById("imputYesNo"); if (select.value === "Yes") { document.getElementById("AskUser").style.display === "block" } }

 <p class=title-box-input>Are you member?</p> <select name="imputYesNo" class=box id="imputYesNo"> <option value="category-default" selected>Choose</option> <option value=Yes>Yes</option> <option value="no">No</option> </select> <br> <div class=user-yes id=AskUser style=display:none;> <p class=title-box-input>Ok, then what is your nickname?</p> <textarea type="text" class=box> </textarea> </div>

Answer 1

您需要附加一個調用該函數的change偵聽器。

此外， document.getElementById("AskUser").style.display === "block"是一個比較。 使用=來為屬性賦值：

 function OpenAskuser() { var select = document.getElementById("imputYesNo"); if (select.value === "Yes") { document.getElementById("AskUser").style.display = "block"; } }

 <p class=title-box-input>Are you member?</p> <select name="imputYesNo" class=box id="imputYesNo" onchange="OpenAskuser()"> <option value="category-default" selected>Choose</option> <option value=Yes>Yes</option> <option value="no">No</option> </select> <br> <div class=user-yes id="AskUser" style=display:none;> <p class=title-box-input>Ok, then what is your nickname?</p> <textarea type="text" class=box> </textarea> </div>