Jquery - 显示/隐藏隐藏的输入表单字段

Question

我是Javascript的新手,并试图更好地理解它.我有一个由PHP生成的表单,使用POST中的数据.表单有一些隐藏的表单字段,应该在验证后填充值.

相关的HTML代码:

<form action="" method="post" name="FormProcessor">
<b>Domain Name: </b>
<input type="text" name="MAIN_DOMAINNAME" value="" id="DomainField">
<input type="hidden" name="CONF_FILE" value="" id="ConfFile">
<div id="infomsg">

Javascript代码:

$(document).ready (function()
{
    $('#DomainField').blur(function() {
        var DomField=$("#DomainField");
        var DomText=DomField.val();     
        var fold="/var/lib/bind/db.";
        alert(fold+DomText);
        var ConfFile=$("#ConfFile");
        ConfFile.val(fold+DomText);
        ConfFile.show();
    });
});

<input>当前一个字段的焦点丢失时,我试图让第二个字段变为"未被隐藏".该函数被执行,并显示警报.

在检查来源时,我可以看到它显示:

<input type="hidden" id="ConfFile" value="/var/lib/bind/db.g.com" name="CONF_FILE" style="display: inline;">

所以这个值是传播的,所以我确实正确地解决了这个问题.为什么它不显示？

Answer 1

隐藏的输入字段应该保持隐藏状态.

我认为你想要做的是使用类型文本的普通输入字段并使用css隐藏它.然后你就可以使用jQuery以现在的方式显示它.

如果用以下内容替换隐藏字段,它应该可以工作:

<input type="text" name="CONF_FILE" value="" id="ConfFile" style="display:none">