javascript - 隐藏可见性的输入字段值未发布

Question

我有一个带有数字选项的选择框。每当用户选择一个选项时，我都会根据所选数字通过 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 的值。提前致谢。

Answer 1

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

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

这里甚至所有输入字段的名称都应该是唯一的。