Splice data in array

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP











up vote
6
down vote

favorite












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



  • well imported file


  • table choice


  • columns choice of the table


  • typage of data


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/



Edit: I'm trying now to make an event when all the options are checked by either clicking the “Select all” checkbox, or when the “checkall” method is programatically called. The problem is that I don't see how to get all these checkbox content 






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;
 );
 
 var contentChoiceFields = choiceFields;
 console.log(contentChoiceFields);
 ,
 onCheckAll: function() 
 
 //Here, I'm stuck
 
);

<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>








javascript jquery







share|improve this question























  • Note if view is your <select> element then view.value is going to be some word string not an integer which is what splice() expects the first argument to be. This is going to therefor end up effectively being splice(0) which removes all elements from the original array
    – Patrick Evans
    1 hour ago















up vote
6
down vote

favorite












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



  • well imported file


  • table choice


  • columns choice of the table


  • typage of data


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/



Edit: I'm trying now to make an event when all the options are checked by either clicking the “Select all” checkbox, or when the “checkall” method is programatically called. The problem is that I don't see how to get all these checkbox content 






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;
 );
 
 var contentChoiceFields = choiceFields;
 console.log(contentChoiceFields);
 ,
 onCheckAll: function() 
 
 //Here, I'm stuck
 
);

<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>








javascript jquery







share|improve this question























  • Note if view is your <select> element then view.value is going to be some word string not an integer which is what splice() expects the first argument to be. This is going to therefor end up effectively being splice(0) which removes all elements from the original array
    – Patrick Evans
    1 hour ago













up vote
6
down vote

favorite









up vote
6
down vote

favorite











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



  • well imported file


  • table choice


  • columns choice of the table


  • typage of data


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/



Edit: I'm trying now to make an event when all the options are checked by either clicking the “Select all” checkbox, or when the “checkall” method is programatically called. The problem is that I don't see how to get all these checkbox content 






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;
 );
 
 var contentChoiceFields = choiceFields;
 console.log(contentChoiceFields);
 ,
 onCheckAll: function() 
 
 //Here, I'm stuck
 
);

<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>








javascript jquery







share|improve this question















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



  • well imported file


  • table choice


  • columns choice of the table


  • typage of data


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/



Edit: I'm trying now to make an event when all the options are checked by either clicking the “Select all” checkbox, or when the “checkall” method is programatically called. The problem is that I don't see how to get all these checkbox content 






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;
 );
 
 var contentChoiceFields = choiceFields;
 console.log(contentChoiceFields);
 ,
 onCheckAll: function() 
 
 //Here, I'm stuck
 
);

<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;
 );
 
 var contentChoiceFields = choiceFields;
 console.log(contentChoiceFields);
 ,
 onCheckAll: function() 
 
 //Here, I'm stuck
 
);

<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;
 );
 
 var contentChoiceFields = choiceFields;
 console.log(contentChoiceFields);
 ,
 onCheckAll: function() 
 
 //Here, I'm stuck
 
);

<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>





javascript jquery




javascript jquery






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited 45 mins ago

























asked 1 hour ago









Maestro

558




558











  • Note if view is your <select> element then view.value is going to be some word string not an integer which is what splice() expects the first argument to be. This is going to therefor end up effectively being splice(0) which removes all elements from the original array
    – Patrick Evans
    1 hour ago

















  • Note if view is your <select> element then view.value is going to be some word string not an integer which is what splice() expects the first argument to be. This is going to therefor end up effectively being splice(0) which removes all elements from the original array
    – Patrick Evans
    1 hour ago
















Note if view is your <select> element then view.value is going to be some word string not an integer which is what splice() expects the first argument to be. This is going to therefor end up effectively being splice(0) which removes all elements from the original array
– Patrick Evans
1 hour ago





Note if view is your <select> element then view.value is going to be some word string not an integer which is what splice() expects the first argument to be. This is going to therefor end up effectively being splice(0) which removes all elements from the original array
– Patrick Evans
1 hour ago













2 Answers
2






active

oldest

votes

















up vote
6
down vote



accepted










You can do it like this:



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);
 
);


I've changed:



choiceFields.splice(view.value);


to:



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


Demo






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>








share|improve this answer




















  • Wow thx a lot @Carsten ! :)
    – Maestro
    1 hour ago










  • No problem @Maestro Happy to help
    – Carsten Løvbo Andersen
    1 hour ago










  • Do you have an idea of how I can manage to get all values pushed in array if select all checkbox is checked @Carsten? I tried to add one more function (onCheckAll), specified in documentation, but it's returning me that view is undefined !
    – Maestro
    59 mins ago

















up vote
1
down vote













In Array.splice() it takes 3 parameters array.splice(index, howMany, [element1][, ..., elementN]) .



index − Index at which to start changing the array.



howMany − An integer indicating the number of old array elements to remove. If howMany is 0, no elements are removed.



element1, ..., elementN − The elements to add to the array. If you don't specify any elements, splice simply removes the elements from the array.



But you had'nt provied howMany parameter in your answer provide this value to delete particular index from array



ex - 






var choiceFields = ; 
$('#selectFields').multipleSelect(
 filter: true,
 onClick: function(view) 
 
 
 var length = choiceFields.length-1;
 if(view.checked === false)
 
 var index = choiceFields.indexOf(view.value); // Finding Index of Item

 choiceFields.splice(index,1); // Splicing one element from index
 
 else
 choiceFields.push(view.value); // if false we do not push 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>








share|improve this answer






















  • Not sure it working correct, If i select Id, then Username and remove Username, then I get 2 times Username in the array
    – Carsten Løvbo Andersen
    1 hour ago










  • @CarstenLøvboAndersen i've updated the answer now the requirement is acheived using array.splice()
    – Amit chauhan
    1 hour ago










  • Thank u also @Amit!! :)
    – Maestro
    1 hour ago










Your Answer





StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: false,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













 

draft saved


draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52810658%2fsplice-data-in-array%23new-answer', 'question_page');

);

Post as a guest

















2 Answers
2






active

oldest

votes








2 Answers
2






active

oldest

votes









active

oldest

votes






active

oldest

votes








up vote
6
down vote



accepted










You can do it like this:



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);
 
);


I've changed:



choiceFields.splice(view.value);


to:



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


Demo






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>








share|improve this answer




















  • Wow thx a lot @Carsten ! :)
    – Maestro
    1 hour ago










  • No problem @Maestro Happy to help
    – Carsten Løvbo Andersen
    1 hour ago










  • Do you have an idea of how I can manage to get all values pushed in array if select all checkbox is checked @Carsten? I tried to add one more function (onCheckAll), specified in documentation, but it's returning me that view is undefined !
    – Maestro
    59 mins ago














up vote
6
down vote



accepted










You can do it like this:



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);
 
);


I've changed:



choiceFields.splice(view.value);


to:



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


Demo






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>








share|improve this answer




















  • Wow thx a lot @Carsten ! :)
    – Maestro
    1 hour ago










  • No problem @Maestro Happy to help
    – Carsten Løvbo Andersen
    1 hour ago










  • Do you have an idea of how I can manage to get all values pushed in array if select all checkbox is checked @Carsten? I tried to add one more function (onCheckAll), specified in documentation, but it's returning me that view is undefined !
    – Maestro
    59 mins ago












up vote
6
down vote



accepted







up vote
6
down vote



accepted






You can do it like this:



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);
 
);


I've changed:



choiceFields.splice(view.value);


to:



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


Demo






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>








share|improve this answer












You can do it like this:



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);
 
);


I've changed:



choiceFields.splice(view.value);


to:



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


Demo






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>








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>





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>






share|improve this answer












share|improve this answer



share|improve this answer










answered 1 hour ago









Carsten Løvbo Andersen

13.9k72656




13.9k72656











  • Wow thx a lot @Carsten ! :)
    – Maestro
    1 hour ago










  • No problem @Maestro Happy to help
    – Carsten Løvbo Andersen
    1 hour ago










  • Do you have an idea of how I can manage to get all values pushed in array if select all checkbox is checked @Carsten? I tried to add one more function (onCheckAll), specified in documentation, but it's returning me that view is undefined !
    – Maestro
    59 mins ago
















  • Wow thx a lot @Carsten ! :)
    – Maestro
    1 hour ago










  • No problem @Maestro Happy to help
    – Carsten Løvbo Andersen
    1 hour ago










  • Do you have an idea of how I can manage to get all values pushed in array if select all checkbox is checked @Carsten? I tried to add one more function (onCheckAll), specified in documentation, but it's returning me that view is undefined !
    – Maestro
    59 mins ago















Wow thx a lot @Carsten ! :)
– Maestro
1 hour ago




Wow thx a lot @Carsten ! :)
– Maestro
1 hour ago












No problem @Maestro Happy to help
– Carsten Løvbo Andersen
1 hour ago




No problem @Maestro Happy to help
– Carsten Løvbo Andersen
1 hour ago












Do you have an idea of how I can manage to get all values pushed in array if select all checkbox is checked @Carsten? I tried to add one more function (onCheckAll), specified in documentation, but it's returning me that view is undefined !
– Maestro
59 mins ago




Do you have an idea of how I can manage to get all values pushed in array if select all checkbox is checked @Carsten? I tried to add one more function (onCheckAll), specified in documentation, but it's returning me that view is undefined !
– Maestro
59 mins ago












up vote
1
down vote













In Array.splice() it takes 3 parameters array.splice(index, howMany, [element1][, ..., elementN]) .



index − Index at which to start changing the array.



howMany − An integer indicating the number of old array elements to remove. If howMany is 0, no elements are removed.



element1, ..., elementN − The elements to add to the array. If you don't specify any elements, splice simply removes the elements from the array.



But you had'nt provied howMany parameter in your answer provide this value to delete particular index from array



ex - 






var choiceFields = ; 
$('#selectFields').multipleSelect(
 filter: true,
 onClick: function(view) 
 
 
 var length = choiceFields.length-1;
 if(view.checked === false)
 
 var index = choiceFields.indexOf(view.value); // Finding Index of Item

 choiceFields.splice(index,1); // Splicing one element from index
 
 else
 choiceFields.push(view.value); // if false we do not push 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>








share|improve this answer






















  • Not sure it working correct, If i select Id, then Username and remove Username, then I get 2 times Username in the array
    – Carsten Løvbo Andersen
    1 hour ago










  • @CarstenLøvboAndersen i've updated the answer now the requirement is acheived using array.splice()
    – Amit chauhan
    1 hour ago










  • Thank u also @Amit!! :)
    – Maestro
    1 hour ago














up vote
1
down vote













In Array.splice() it takes 3 parameters array.splice(index, howMany, [element1][, ..., elementN]) .



index − Index at which to start changing the array.



howMany − An integer indicating the number of old array elements to remove. If howMany is 0, no elements are removed.



element1, ..., elementN − The elements to add to the array. If you don't specify any elements, splice simply removes the elements from the array.



But you had'nt provied howMany parameter in your answer provide this value to delete particular index from array



ex - 






var choiceFields = ; 
$('#selectFields').multipleSelect(
 filter: true,
 onClick: function(view) 
 
 
 var length = choiceFields.length-1;
 if(view.checked === false)
 
 var index = choiceFields.indexOf(view.value); // Finding Index of Item

 choiceFields.splice(index,1); // Splicing one element from index
 
 else
 choiceFields.push(view.value); // if false we do not push 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>








share|improve this answer






















  • Not sure it working correct, If i select Id, then Username and remove Username, then I get 2 times Username in the array
    – Carsten Løvbo Andersen
    1 hour ago










  • @CarstenLøvboAndersen i've updated the answer now the requirement is acheived using array.splice()
    – Amit chauhan
    1 hour ago










  • Thank u also @Amit!! :)
    – Maestro
    1 hour ago












up vote
1
down vote










up vote
1
down vote









In Array.splice() it takes 3 parameters array.splice(index, howMany, [element1][, ..., elementN]) .



index − Index at which to start changing the array.



howMany − An integer indicating the number of old array elements to remove. If howMany is 0, no elements are removed.



element1, ..., elementN − The elements to add to the array. If you don't specify any elements, splice simply removes the elements from the array.



But you had'nt provied howMany parameter in your answer provide this value to delete particular index from array



ex - 






var choiceFields = ; 
$('#selectFields').multipleSelect(
 filter: true,
 onClick: function(view) 
 
 
 var length = choiceFields.length-1;
 if(view.checked === false)
 
 var index = choiceFields.indexOf(view.value); // Finding Index of Item

 choiceFields.splice(index,1); // Splicing one element from index
 
 else
 choiceFields.push(view.value); // if false we do not push 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>








share|improve this answer














In Array.splice() it takes 3 parameters array.splice(index, howMany, [element1][, ..., elementN]) .



index − Index at which to start changing the array.



howMany − An integer indicating the number of old array elements to remove. If howMany is 0, no elements are removed.



element1, ..., elementN − The elements to add to the array. If you don't specify any elements, splice simply removes the elements from the array.



But you had'nt provied howMany parameter in your answer provide this value to delete particular index from array



ex - 






var choiceFields = ; 
$('#selectFields').multipleSelect(
 filter: true,
 onClick: function(view) 
 
 
 var length = choiceFields.length-1;
 if(view.checked === false)
 
 var index = choiceFields.indexOf(view.value); // Finding Index of Item

 choiceFields.splice(index,1); // Splicing one element from index
 
 else
 choiceFields.push(view.value); // if false we do not push 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) 
 
 
 var length = choiceFields.length-1;
 if(view.checked === false)
 
 var index = choiceFields.indexOf(view.value); // Finding Index of Item

 choiceFields.splice(index,1); // Splicing one element from index
 
 else
 choiceFields.push(view.value); // if false we do not push 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) 
 
 
 var length = choiceFields.length-1;
 if(view.checked === false)
 
 var index = choiceFields.indexOf(view.value); // Finding Index of Item

 choiceFields.splice(index,1); // Splicing one element from index
 
 else
 choiceFields.push(view.value); // if false we do not push 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>






share|improve this answer














share|improve this answer



share|improve this answer








edited 1 hour ago

























answered 1 hour ago









Amit chauhan

472213




472213











  • Not sure it working correct, If i select Id, then Username and remove Username, then I get 2 times Username in the array
    – Carsten Løvbo Andersen
    1 hour ago










  • @CarstenLøvboAndersen i've updated the answer now the requirement is acheived using array.splice()
    – Amit chauhan
    1 hour ago










  • Thank u also @Amit!! :)
    – Maestro
    1 hour ago
















  • Not sure it working correct, If i select Id, then Username and remove Username, then I get 2 times Username in the array
    – Carsten Løvbo Andersen
    1 hour ago










  • @CarstenLøvboAndersen i've updated the answer now the requirement is acheived using array.splice()
    – Amit chauhan
    1 hour ago










  • Thank u also @Amit!! :)
    – Maestro
    1 hour ago















Not sure it working correct, If i select Id, then Username and remove Username, then I get 2 times Username in the array
– Carsten Løvbo Andersen
1 hour ago




Not sure it working correct, If i select Id, then Username and remove Username, then I get 2 times Username in the array
– Carsten Løvbo Andersen
1 hour ago












@CarstenLøvboAndersen i've updated the answer now the requirement is acheived using array.splice()
– Amit chauhan
1 hour ago




@CarstenLøvboAndersen i've updated the answer now the requirement is acheived using array.splice()
– Amit chauhan
1 hour ago












Thank u also @Amit!! :)
– Maestro
1 hour ago




Thank u also @Amit!! :)
– Maestro
1 hour ago

















 

draft saved


draft discarded















































 


draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52810658%2fsplice-data-in-array%23new-answer', 'question_page');

);

Post as a guest
































































Comments

Post a Comment

Popular posts from this blog

What does second last employer means? [closed]

Image
Clash Royale CLAN TAG #URR8PPP .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0; up vote -3 down vote favorite Say, for example I have worked in the following companies, Company A => 2010 - 2011 Company B => 2011 - 2012 Company C => 2012 - Till Date Company D => Have offer Now assume Company D is asking to submit documents from my second last employer. So from the list of companies given, which company would be qualified as second last employer? software-industry employer share | improve this question asked Aug 10 '14 at 5:16 Rajaprabhu Aravindasamy 559 1 6 13 closed as off-topic by Jim G., jmort253 ♦ Aug 11 '14 at 1:58 This question appears to be off-topic. The users who voted to close gave this specific reason: "Questions seeking advice on company-specific regulations, agreements, or policies should be directed to your manager or HR department. Questions that address...
Read more

List of Gilmore Girls characters

Image
The season three cast—(Back row): Lane, Michel, Paris, Emily, Richard, Sookie, Miss Patty, Kirk; Front row: Jess, Luke, Lorelai, Rory, Dean This is a list of characters for the comedy-drama television series Gilmore Girls . Contents 1 Main characters 1.1 Lorelai Gilmore 1.2 Rory Gilmore 1.3 Sookie St. James 1.4 Lane Kim 1.5 Michel Gerard 1.6 Luke Danes 1.7 Emily Gilmore 1.8 Richard Gilmore 1.9 Paris Geller 1.10 Dean Forester 1.11 Jess Mariano 1.12 Kirk Gleason 1.13 Jason Stiles 1.14 Logan Huntzberger 2 Major recurring characters 2.1 Christopher Hayden 2.2 Jackson Belleville 2.3 Mrs. Kim 2.4 Tristin DuGray 2.5 Max Medina 2.6 Taylor Doose 2.7 Dave Rygalski 2.8 Marty 3 Recurring characters 3.1 Stars Hollow 3.2 Chilton 3.3 Yale 3.4 Other 4 Notable guest stars 5 Unseen characters 6 Notes 7 References Main characters Actor Character Appearances Season 1 Season 2 Season 3 Season 4 Season 5 Season 6 Season 7 A Year in the Life Lauren Graham Lorelai Gilmore...
Read more

Confectionery

Image
Prepared foods made with a lot of sugar or other cabohydrates "Sweetmeat" redirects here. For the racehorse, see Sweetmeat (horse). Not to be confused with Sweetbread. This Kransekake is a traditional Scandinavian baker's confection. Confectionery is the art of making confections , which are food items that are rich in sugar and carbohydrates. Exact definitions are difficult. [1] In general, though, confectionery is divided into two broad and somewhat overlapping categories, bakers' confections and sugar confections. [2] Bakers' confectionery, also called flour confections , includes principally sweet pastries, cakes, and similar baked goods. Sugar confectionery includes candies ( sweets in British English), candied nuts, chocolates, chewing gum, bubble gum, pastillage, and other confections that are made primarily of sugar. In some cases, chocolate confections (confections made of chocolate) are treated as a separate category, as are sugar-free versions of ...
Read more