javascript创建的输入[类型="text']没有发布它的变量

Question

嘿，我正在创建一系列输入元素，但由于某种原因，它们的值不是$_POST。任何有关该主题的线索将不胜感激!

我当前的代码如下:

javascript

   Afields = 1;
    function addAdultInput() {
        if (Afields != 10) {
            document.getElementById('adultMembers').innerHTML += "<input type='text' value='' name='adult_members_"+Afields+"' /><br />";
            Afields += 1;
        } else {
            document.getElementById('adultMembers').innerHTML += "Only 10 Adult Member fields allowed.";
            document.getElementById('addAdultMember').disabled=true;
        }
    }

HTML

  <form name="form1" method="post" action="">
  <tr>
    <td class="style12" valign="top">Adult Members' Names:<br /><small>10 Max </small><input id="addAdultMember" type="button" onclick="addAdultInput()" name="add" value="Add Adult" /></td>
    <td id="adultMembers">
        <span class="erorr">*for paid members only</span><br />
        <input type='text' value='' name='adult_members_0' /><br />

    </td>
  </tr>
  <input type="submit" name="Submit" value="Register">
  </form>

Answer 1

我不确定这是否是您特别遇到的情况，但通常不建议使用 innerHTML 添加输入字段。

相反，您应该使用 createElement() 和 appendChild()，或者您也可以使用 JQuery 或 Prototype 等库。您可以在线找到大量有关使用这两个功能的帮助。