Question

是否可以隐藏未使用的字段？

例如考虑

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字段..当用户根据id提交id时，需要显示其他字段，如title，name，age。

我有办法吗？

我不是在寻找永久藏身之处。

Answer 1

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

提交表单后，您只需将“隐藏”更改为所需类型即可。

Answer 2

您可以设置以下css属性以隐藏元素：

visibility:hidden;

Answer 3

如果我正确理解你的问题，那么你所要做的就是将一个类应用于隐藏所需元素的容器div，然后利用jQuery在id输入框改变时显示div：

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');
});

Answer 4

要操纵可见性，您可以使用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

中输入了任何内容，仅会显示其他字段

Answer 5

您应该提供更多详细信息，以便为您提供正确的解决方案，但如果您只是想展示项目，那么就可以这样做

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 = '';"/>

临时隐藏字段

5 个答案: