Jquery remove element from array

Question

This should be fun to solve:)

In a text field I have the value Apple,Peach,Banana .

Using Jquery I created an array from that CSV.

In HTML I have a list of the fruits with a "remove" option next to each one. When I click "remove" I want to remove the corresponding fruit from the list and the text field.

I'm missing one function that will remove fruits from the array. What function should I use?

http://jsfiddle.net/BXWqK/19/

Answer 1

You should use JavaScript Splice

fruits_array.splice(fruit_index,1);

You also need to change:

$('#fruits').val(skills_array.join(',')); to $('#fruits').val(fruits_array.join(','));

Answer 2

    var A=['Apple','Peach','Banana'];

    A.splice(1,1)

// removes 1 item starting at index[1] 
// returns ['Peach'];

Answer 3

The accepted solution is correct, but it doesn't mention that you shouldn't use indexOf to get the fruit_index to remove, because IndexOf not Supported in IE8 Browser

You should use:

fruits_array.splice($.inArray('Peach', fruits_array), 1);