隐藏可见性的输入字段值未发布答案

【问题标题】：Input field value with visibility hidden not getting posted隐藏可见性的输入字段值未发布
【发布时间】：2016-08-13 09:48:36
【问题描述】：

我有一个带有数字选项的选择框。每当用户选择一个选项时，我都会根据所选数字通过 jquery 显示输入框。因此，输入框最初是隐藏的。现在的问题是，当我尝试发布这些输入框的值时，它们没有被发布。这是html代码-

<form action="data.php" method="POST">
    Select the number of company:
      <select name="num_of_comp" id="num_of_comp">
        <option value="1">1</option>
        <option value="2">2</option>
      </select>     
<div id="div1" style="visibility:hidden;">
<label for="dbname">database name:</label>
<input type="text" name="db1" id="db1" />
<input type="submit" name="submit" id="submit" />
</div>
<div id="div2"  style="visibility:hidden;">
<label for="dbname">database name:</label>
<input type="text" name="db1" placeholder="db1 name"/>
<input type="text" name="db2" placeholder="db2 name"/>
<input type="submit" name="submit" id="submit" />
</div>

这里是动态显示输入框的脚本-

$('#num_of_comp').on('change',function(){
    if( $(this).val()==="1"){
    $("#div1").css("visibility", "visible");
     $("#div2,").css("visibility", "hidden");
    }
    else if( $(this).val()==="2"){
    $("#div2").css("visibility", "visible");
     $("#div1").css("visibility", "hidden");
    }

这是php代码-

$i = $_POST['num_of_comp'];
if($i == '1'){
$db1 = $_POST['db1'];
echo $db1;

这里我没有得到 db1 的值。提前致谢。

【问题讨论】：

标签： javascript php jquery html css

【解决方案1】：

您不能为多个字段设置相同的 id，所有字段的 id 应该是唯一的。

所以为表单中的所有字段设置不同的 id

即使所有输入字段的名称在这里也应该是唯一的。

【讨论】：

【解决方案2】：

您有两个名称为 db1 的输入。第二个值（不带id 的输入）覆盖第一个（带id="db1" 的输入）。

【讨论】：

【解决方案3】：

这是你的问题

您为两个错误的输入字段使用了相同的 id，页面中的每个 id 都应该是唯一的，否则您无法获得期望字段的实际值，并为这些 id 使用正确的命名，这样您就不会错过这些问题和代码将很清楚，名称属性也使用不同的名称

<input type="text" name="db1" id="database1" />
<input type="submit" name="submit" id="submit" />

<div id="div2"  style="visibility:hidden;">
<label for="dbname">database name:</label> 
<input type="text" name="db2" id="database2" placeholder="db1 name"/>
</div>

【讨论】：