数组中的拼接数据 [英] Splice data in array

问题描述

我正在从事有关数据映射的项目.实现了几项检查:

I'm working on a project on data mapping. Several checks are realized:

• 导入好的文件

• well imported file

餐桌选择

列表的选择

数据分页

我目前正在选择列.我将这些各种各样的选择存储在阵列中.问题是，如果我要删除阵列中的一个选项，则会删除所有数据！ 我正在使用此插件: http://wenzhixin.net.cn/p/多项选择/docs/

I'm for at the part of the choice of columns for the moment. I'm stocking these various choices in an array. The problem is that if I want to delete one choice in my array, all data are deleted ! I'm using this plugin: http://wenzhixin.net.cn/p/multiple-select/docs/

var choiceFields = [];                  
$('#selectFields').multipleSelect({
    filter: true,
    onClick: function(view) 
    {
        choiceFields.push(view.value);
        var length = choiceFields.length-1;
        if(view.checked === false)
        {
            choiceFields.splice(view.value);
        }
        console.log(choiceFields);
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://rawgit.com/wenzhixin/multiple-select/master/multiple-select.css" rel="stylesheet"/>
<script src="https://rawgit.com/wenzhixin/multiple-select/master/multiple-select.js"></script>
<div class="select-box">
    <label for="selectFields"><span class="label-FieldChoice">Choice fields</span>  </label>
    <select id="selectFields" multiple="multiple" style="display: none;">
        <option value="id">id</option>
        <option value="username">username</option>
        <option value="username_canonical">username_canonical</option>
        <option value="email">email</option>
        <option value="email_canonical">email_canonical</option>
        <option value="enabled">enabled</option>
        <option value="salt">salt</option>
        <option value="password">password</option>
        <option value="last_login">last_login</option>
        <option value="confirmation_token">confirmation_token</option>
        <option value="password_requested_at">password_requested_at</option>
        <option value="roles">roles</option>
        <option value="lastName">lastName</option>
        <option value="firstName">firstName</option>
    </select>
    
</div>

推荐答案

您可以这样做:

var choiceFields = [];
$('#selectFields').multipleSelect({
  filter: true,
  onClick: function(view) {
    choiceFields.push(view.value);
    var length = choiceFields.length - 1;
    if (view.checked === false) {
      choiceFields = jQuery.grep(choiceFields, function(value) {
        return value != view.value;
      });
    }
    console.log(choiceFields);
  }
});

我已更改:

choiceFields.splice(view.value);

收件人:

choiceFields = jQuery.grep(choiceFields, function(value) {
  return value != view.value;
});

演示

var choiceFields = [];
$('#selectFields').multipleSelect({
  filter: true,
  onClick: function(view) {
    choiceFields.push(view.value);
    var length = choiceFields.length - 1;
    if (view.checked === false) {
      choiceFields = jQuery.grep(choiceFields, function(value) {
        return value != view.value;
      });
    }
    console.log(choiceFields);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://rawgit.com/wenzhixin/multiple-select/master/multiple-select.css" rel="stylesheet" />
<script src="https://rawgit.com/wenzhixin/multiple-select/master/multiple-select.js"></script>
<div class="select-box">
  <label for="selectFields"><span class="label-FieldChoice">Choice fields</span>  </label>
  <select id="selectFields" multiple="multiple" style="display: none;">
    <option value="id">id</option>
    <option value="username">username</option>
    <option value="username_canonical">username_canonical</option>
    <option value="email">email</option>
    <option value="email_canonical">email_canonical</option>
    <option value="enabled">enabled</option>
    <option value="salt">salt</option>
    <option value="password">password</option>
    <option value="last_login">last_login</option>
    <option value="confirmation_token">confirmation_token</option>
    <option value="password_requested_at">password_requested_at</option>
    <option value="roles">roles</option>
    <option value="lastName">lastName</option>
    <option value="firstName">firstName</option>
  </select>

</div>

这篇关于数组中的拼接数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！