2012-01-26 162 views
-2

如何从HTML中的下拉列表中选择一个字段时隐藏特定的表单字段?如何隐藏表单域?

+0

你想隐藏它在客户端(JavaScript)或服务器端?请更具体! – Akhil

+0

在客户端我使用HTML和PHP – user1162524

+0

@ user1162524'PHP'是**服务器** - 端! – veritas

回答

0

你不能使用PHP,因为内容已经被提供给浏览器。因此,一个方便的解决方案是使用JavaScript

<select name="foobar" onchange="checkAndHide(this.options[this.selectedIndex].value)"> 
<option value="right1">right1</option> 
<option value="wrong">wrong</option> 
<option value="right2">right2</option> 
</select> 

<input type="text" id="shouldHide" name="test"> 

<script type="text/javascript"> 
function checkAndHide(value){ 

    if(value == 'wrong') 
     document.getElementById('shouldHide').style.display = 'none'; 

    else 
     document.getElementById('shouldHide').style.display = 'block'; 

} 
</script> 
-1

是的,你必须使用的东西,可以用它需要JavaScript或jQuery的头交流等

我没有一个例子是我在工作中,但我使用jquery在选择类别后加载另一个页面。此页面使用查询和while语句在选择标签内部选择一个类别后生成其余选择字段(我的子类别)。有很多谷歌的例子,只是谷歌jquery动态下拉框