2012-01-26 161 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動態下拉框