删除另一个数组中存在的数组值

时间:2020-02-15 08:14:42

标签: jquery

我桌上有一组数据。都是所有人。

  <table class="table">
  <tr>
    <td>
      <button id="John" onclick="deleteVal('John');" type="button"> Delete </button>
    </td>
    <td> <input type="text" name="owner[]" value="John"> John </td>
  </tr>
  <tr>
    <td><button id="Mike" onclick="deleteVal('Mike');" type="button"> Delete </button></td>
    <td> <input type="text" name="owner[]" value="Mike"> Mike </td>
  </tr>
  <tr>
    <td><button id="Sam" onclick="deleteVal('Sam');" type="button"> Delete </button></td>
    <td> <input type="text" name="owner[]" value="Sam"> Sam </td>
  </tr>
</table>

单击提交按钮后,所有所有者将存储到此final_owner字段中。这就是我尝试过的。

<button type="submit" id="submit">Submit</button>
FINAL OWNERS: <input type="text" id="final_owner">


 $('#submit').on('click', function() {
      var owner_value = [];
  var del_owners = document.getElementById('deleted_owners').value
      $('input[name="owner[]"]').each(function() {
          owner_value.push($(this).val());
      });
      $("#final_owner").val(owner_value);
});

下一步是每次我单击 Delete Button (删除按钮)时,所有者名称将存储到deleted_owners输入字段中。我已经做了。

我的问题是,如果所有者已经存在于final_owner输入字段中,该如何从delete_owners字段数组中删除。

<input type="text" id="deleted_owners">.

2 个答案:

答案 0 :(得分:0)

$('#submit')。on('click')中的最后一行...您可以尝试一下。

keras.models.Sequential

已编辑

答案 1 :(得分:-2)

尝试使用添加删除按钮

使用集 单击添加,删除按钮时

从set中获取final_owner数组

  Array.from(deleted_owner);

查看实时示例: https://codesandbox.io/s/crazy-goldstine-wf01q