2011-08-16 88 views
0

是否可以隱藏未使用的字段?臨時隱藏字段

例如,考慮

id: <input type="text" name="id"/> 
<p>title:<input type="text" name="title"/></p> 
<p>name:<input type="text" name="rno"/></p> 
<p>age:<input type="text" name="age"/></p> 
<input type="button" id="button1" value ="Get Info"/> 

在上述領域我只是想顯示id字段最初..when用戶提交根據id如標題,姓名等領域,年齡需顯示的ID 。

有沒有辦法做到這一點?

我不是在尋找永久隱藏。

回答

0

你應該爲了給你正確的解決方案提供更多的細節,但如果你只是綁顯示項目比你能做到這種方式

id: <input type="text" name="id"/> 
<div id="hidden" style="display: none;"> 
<p>title:<input type="text" name="title"/></p> 
<p>name:<input type="text" name="rno"/></p> 
<p>age:<input type="text" name="age"/></p> 
</div> 
<input type="button" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display = '';"/> 
+0

謝謝uu ....... :) –

+0

歡迎您....... :) –

2
<input type="hidden" name="whatever" value="I'm hidden!" /> 

表單提交後,您可以簡單地將「隱藏」更改爲所需的類型。

+0

嘿,我並沒有在帖子提及..表單沒有提交獲取信息.. –

+0

如果您只使用表單進行顯示,那麼您可以考慮使用CSS來改變@Senad建議的可見性(顯示屬性)。 – JYelton

1

您可以設置以下CSS屬性,使元素隱藏:

visibility:hidden; 
1

如果我正確理解你的問題,那麼所有你需要做的就是應用類隱藏所需元素的容器股利和再利用的jQuery顯示div時ID輸入框的變化:

CSS:

.hidden { display: none; } 

HTML:

id: <input type="text" name="id"/> 
<div class="hidden"> 
    <p>title:<input type="text" name="title"/></p> 
    <p>name:<input type="text" name="rno"/></p> 
    <p>age:<input type="text" name="age"/></p> 
    <input type="button" id="button1" value ="Get Info"/> 
</div> 

的jQuery:

$("input").change(function(){ 
    $(".hidden").removeClass('hidden'); 
}); 
1

要只是操作的可視性,你可以使用jQuery方法:

$('your selector').show() 
$('your selector').hide() 

如果您提交表單那麼下面可能是有用的:

<form action="" method="post"> 
    id: <input type="text" name="id"/> 

    <?php 
    if ($_POST['id'] != '') { 
    ?> 
    <p>title:<input type="text" name="title"/></p> 
    <p>name:<input type="text" name="rno"/></p> 
    <p>age:<input type="text" name="age"/></p> 
    <?php 
    } 
    ?> 

    <input type="submit" id="button1" value ="Get Info"/> 
</form> 

這將如果顯示等領域的任何在ID進入