我有以下代码,允许我在按下按钮时动态添加其他文本字段。我基本上是沿着路线嘲笑多个目的地。
<!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;