I have a pretty simple script that takes content from an input box, makes an array out of it, removes a desired element, and spits back the text.

I'm trying to use "splice()" to remove the item but it removes everything BUT that one item:

var listOfTitles = $('.title-list').val();
var arrayOfTitles = listOfTitles.split(',');
var updatedTitles = arrayOfTitles.splice(2,1);
$('.title-list').val(updatedTitles.join());

for example if I have this:

test1,test2,test3,test4

I can turn it into an array. I want to removed "test3" and output "test1,test2,test4". The problem is, it's returning "test3" not removing it.

jsfiddle of what's happening: /

I have a pretty simple script that takes content from an input box, makes an array out of it, removes a desired element, and spits back the text.

I'm trying to use "splice()" to remove the item but it removes everything BUT that one item:

var listOfTitles = $('.title-list').val();
var arrayOfTitles = listOfTitles.split(',');
var updatedTitles = arrayOfTitles.splice(2,1);
$('.title-list').val(updatedTitles.join());

for example if I have this:

test1,test2,test3,test4

I can turn it into an array. I want to removed "test3" and output "test1,test2,test4". The problem is, it's returning "test3" not removing it.

jsfiddle of what's happening: http://jsfiddle/C95kN/

• javascript
• jquery
• arrays

• 2 Where do you use splice in that code? – Bergi Commented Apr 10, 2013 at 18:00
• it was a typo, I edited the question and added a jsfiddle – dcp3450 Commented Apr 10, 2013 at 18:06

2 Answers 2

Splice() modifies the array in place and returns an array with the elements you remove.

What you want is arrayOfTitles not updatedTitles

See working fiddle: http://jsfiddle/C95kN/1/

splice changes the passed array and returns the removed elements. Simply do

arrayOfTitles.splice(2,1);
$('.title-list').val(arrayOfTitles.join());

Note that I supposed the slice instead of splice was a typo.