如何選擇datalist選項

Question

我正在嘗試創建一個注冊表單，我需要為選擇特定選項的用戶顯示第二選擇，你看到錯誤在哪里嗎？

 <div> <label for="prof_ecm">Dichiaro di essere:</label> <input type="text" list="prof_k" class="form-control" name="prof_ecm" id="prof_ecm" placeholder="* campo obbligatorio" required> <datalist id="prof_k"> <option value="Dipendente" id="dipen" onClick="dip()"> <option value="Convenzionato"> <option value="Libero professionista"> <option value="Privo di occupazione"> </datalist> </div> <div id="div_ente" style="display: none;"> <label for="ente">Se dipendente, specificare l'Ente</label> <input type="text" class="form-control" name="ente" id="ente"> </div> <script> function dip() { var element = document.getElementById("dipen").value; if (element = "dipendente") { document.getElementById("div_ente").style.display = "inline"; } } </script> 

Answer 1

我<optgroup>地知道您的問題所在，但如果您想在select標簽中創建組，則可以嘗試<optgroup>標簽（ optgroup ）。 如果您想要更改或創建新的select標記，則必須在JavaScript中執行此操作。

Answer 2

捕獲輸入元素的onchange事件而不是下面的選項元素，

 function dip(element) { if (element.value == "Dipendente") { document.getElementById("div_ente").style.display = "inline"; } }; 

 <div> <label for="prof_ecm">Dichiaro di essere:</label> <input type="text" list="prof_k" class="form-control" name="prof_ecm" id="prof_ecm" placeholder="* campo obbligatorio" required onchange="dip(this)" > <datalist id="prof_k"> <option value="Dipendente"> <option value="Convenzionato"> <option value="Libero professionista"> <option value="Privo di occupazione"> </datalist> </div> <div id="div_ente" style="display: none;"> <label for="ente">Se dipendente, specificare l'Ente</label> <input type="text" class="form-control" name="ente" id="ente"> </div> 

你也有很少的錯別字，例如選項值是“Dipendente”，你正在檢查“dipendente”，以及最后的額外結束括號。