Question

我说下面有一个html表单，在我填写＆＃34; pool，ip，port字段后，然后点击＆＃34;添加＆＃34;按钮，它将显示在宽文本区域中，并且ip：端口对添加到字段数组池中。

如果我继续填写不同的IP，端口对并点击＆＃34;添加＆＃34;它将被添加到数组池中。

如果我在textarea中选择ip：port对并单击delete，它将从阵列池中删除。

我搜索了这个网站，这似乎可以通过html onclick事件与某种jquery或javascript函数实现，但我是非常新的web，如html，jquery，javascript，所以我希望有人可以在这里分享一些指导所以我可以开始走上正轨。下面的示例html表单（我甚至不确定html表单是否应该如此：）。）。

<!DOCTYPE html>
<html>
<body>

<form action="" id="ipport">
  pool: <input type="text" name="pool">
  IP: <input type="text" name="ip">
  Port: <input type="text" name="port">
  <button onclick="addIPPort()">Add</button>
  <br>
  <textarea rows="4" cols="50" name="comment" >
  IP1:Port1
  IP2:Port2
  </textarea>
  <button onclick="delIPPort()">Delete</button>
</form>


</body>
</html>

Answer 1

它甚至不是最漂亮的代码，但它应该给你一个很好的开始http://jsfiddle.net/7HfGm/1/我只给你添加，因为我不鼓励盲目使用代码但它不会很难从我提供的内容中跳出来。

首先，如果您使用的是javascript，则不需要表单。

pool: <input type="text" name="pool">
IP:<input type="text" id="ip">
Port: <input type="text" id="port">
<button onclick="addIPPort()">Add</button>
<br>
<select id="select" multiple="multiple"></select>
<button onclick="delIPPort()">Delete</button>

我已经包含了代码中使用的jQuery函数的链接。

如何使用内联onclick为数组添加多个值？

1 个答案: