0

调用 onclick 事件后我无法添加新的输入框，有没有办法在输入框出现后禁用选择选项？对于这样一个菜鸟问题，我很抱歉，但我在这里处于死胡同，已经尝试了一个小时。请将我链接到一个我可以通过示例轻松学习 JS 的地方。

   <script>
    function funcGet(val)
    {
      if(val=="Create new category")
      {
         var element = document.createElement("input");
         element.setAttribute("type", "input");
         element.setAttribute("name", "new_cat");
         var foo = document.getElementById("cat");
         foo.appendChild(element);
       }
    }
    </script>
    <div name="cat">
    <form method="post" action="">
    <input type="text" placeholder="Enter a topic name" name="word"><br/>
    <select name = "category" onchange="funcGet(this.value);">
    <?php
       displayCat();
    ?>
    </select>
    </div>
    <select name = "site_type">
    <?php
       displaySitetype();
    ?>
    </select>
    <input type="submit" value="Submit data">
    </form>
4

4 回答 4

0

这里

var foo = document.getElementById("cat");给空

不存在具有 id 的元素cat

错误是：类型错误：foo is null

于 2013-04-09T12:58:06.710 回答
0

改变这个：

<div name="cat">

对此：

<div id="cat">
于 2013-04-09T13:01:03.400 回答
0

尝试更改<div name="cat">为

<div id="cat">

.getElementById 仅适用于 ID，

如在

document.getElementById("cat");

如果你想离开<div name="cat">，你应该使用.getElementsByTagName[0]。

作为通过示例学习 JavaScript 的链接，我推荐W3Schools JavaScript 教程，因为它们可以让你在他们的网站上学习代码时尝试代码。一旦你变得更加熟悉，你可以参考Mozilla 开发者网络。

于 2013-04-09T13:12:17.337 回答
0 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>
    Untitled Document
  </title>
  <script>

    function generateRow() {
      var d=document.getElementById("div");
      d.innerHTML+="<td><input type='text'<td><input type='text'<td><input type='text' name='food'name='food'name='food'name='food'>";
    }
  </script>
  </head>
  <body>
    <form id="form1" name="form1" method="post" action="">
      <label>

        <input name="food" type="text" id="food" />
      </label>
      <td>
        <input name="food" type="text" id="food" />
      </td>
      <td>
        <input name="food" type="text" id="food" />
      </td>
      <div id="div">
      </div>
      <td>
        <input type="button" value="Add" onclick="generateRow()"/>
      </td>
      <td>
        <label>
          <input type="submit" name="Submit" value="Submit" />
        </label>
      </td>
    </form>
  </body>

于 2013-10-08T05:13:24.873 回答