gpt4 book ai didi

javascript - 如果我在下拉框中选择其他选项,如何激活文本框

转载 作者:太空狗 更新时间:2023-10-29 13:17:38 24 4
gpt4 key购买 nike

假设我在下拉框中有 3 个选项,比如红色、蓝色和其他。 如果用户选择其他选项,则应在文本框下方显示他自己喜欢的颜色。 我可以用颜色填充下拉框,但不知道如何在选择其他内容时使文本框可见 下拉框。我知道使用 javascript 可以做到,但我对 javascript 还很陌生。谁能帮帮我 出??

这是我在 html 表单中实现的选择选项

   <select name="color"> // color
<option>pick a color</option>
<option value="red">RED</option>
<option value="blue">BLUE</option>
<option value="others">others</option>
</select>

<input type="text" name="color" id="color" /></td> // this textbox should be hidden //until unless others is selected in the drop down box

最佳答案

以下是您需要编写的核心 JavaScript:

<html> 
<head>
<script type="text/javascript">
function CheckColors(val){
var element=document.getElementById('color');
if(val=='pick a color'||val=='others')
element.style.display='block';
else
element.style.display='none';
}

</script>
</head>
<body>
<select name="color" onchange='CheckColors(this.value);'>
<option>pick a color</option>
<option value="red">RED</option>
<option value="blue">BLUE</option>
<option value="others">others</option>
</select>
<input type="text" name="color" id="color" style='display:none;'/>
</body>
</html>

关于javascript - 如果我在下拉框中选择其他选项,如何激活文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9634783/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com