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

Question

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

假设我在下拉框中有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

Run Code Online (Sandbox Code Playgroud)

Answer 1

Ume*_*til 30

以下是您需要编写的核心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>

Run Code Online (Sandbox Code Playgroud)

Answer 2

Cly*_*obo 7

在http://jsbin.com/orisuv上编写了一个示例

HTML

<select name="color" onchange='checkvalue(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'/>

Run Code Online (Sandbox Code Playgroud)

使用Javascript

function checkvalue(val)
{
    if(val==="others")
       document.getElementById('color').style.display='block';
    else
       document.getElementById('color').style.display='none'; 
}

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，9 月前
查看次数：	102253 次
最近记录：	8 年，2 月前