这是我第一次与js联系，所以请不要恨我，我有这样的事情：
function Zmiana(isChecked) {
document.getElementById('test').type = 'text';
}<div class="dropdown">
<select id="test" name="producent" class="dropdown-select">
<option value="Apple">Apple</option>
<option value="Samsung">Samsung</option>
<option value="Lenovo">Lenovo</option>
</select> <br>
</div>但这不起作用
您不会将更select改为文本框。相反，您将同时具有select和文本框。该复选框将仅确定显示哪个。
另外，您select应该包括一个无效的第一选择，这样您就不会获得用户未选择的提交值。
.hidden { display:none; }<input type="checkbox" id="check">Check to enter text directly
<div class="dropdown">
<select id="test" name="producent" class="dropdown-select">
<option value="">--- Choose ---</option>
<option value="Apple">Apple</option>
<option value="Samsung">Samsung</option>
<option value="Lenovo">Lenovo</option>
</select>
<input id="data" class="hidden">
</div>
<script>
let text = document.getElementById('data');
let check = document.getElementById("check");
let select = document.getElementById("test");
// You must set up your function to handle the
// click event of the checkbox
check.addEventListener("click", Zmiana);
function Zmiana(){
// Add or remvoe the hidden class based on
// whether it's already in use
select.classList.toggle("hidden");
text.classList.toggle("hidden");
}
</script>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句