在动态表单上将文本字段链接在一起

时间:2018-04-07 22:42:07

标签: javascript html

我有以下代码,允许我在按下按钮时动态添加其他文本字段。我基本上是沿着路线嘲笑多个目的地。

<!doctype html>
<head>
   <title>Test</title>
</head>
<body>
   <div id="form">
      <form id="address">
         <p>Route:</p>
         <input type="text" name="Address" placeholder="Origin">
         <input type="text" name="Address" placeholder="Destination">
         <button type="button" id="add" onclick="addField('address')">Add field</button>
      </form>
   </div>
   <script type="text/javascript">
      function addField(id) {
          // OnClick function for adding additonal fields for
          // transit routes with multiple destinations.
          var field = `<br/><br/>
          <input type="text" name="Address" placeholder="Origin">
          <input type="text" name="Address" placeholder="Destination">`
          document.getElementById(id).innerHTML += field
      }
   </script>
</body>
</html>

我可以获取其中所有元素的数组:

var elements = document.getElementById("address").elements;

但我想要做的是将每个Destination字段链接到下一个Origin字段,以便最后一个字段中的Destination最终作为下一行的Origin。我想它就像下面的东西,但它并没有点击我的脑袋。

elements[elements.indexOf(this)-1].value;

0 个答案:

没有答案