Comments on: Create Add & Remove Select Lists Using jQuery

By: Marty

Marty — Wed, 27 Apr 2011 16:45:50 +0000

Hey thanks a lot!, you helped me to find the answer to my problem. I was looking for some solution that would remove a list item which had no id or something that identify it

By: Lee

Lee — Mon, 18 Apr 2011 08:41:02 +0000

your welcome

By: fatigue

fatigue — Mon, 18 Apr 2011 07:57:50 +0000

Thank you for your clear explanation and nice code.

By: admin

admin — Mon, 15 Nov 2010 15:11:25 +0000

You can use the length property to count the number of options in the select list – e.g

$('#select-from option:selected').each( function() {
			$('#select-to').append(""+$(this).text()+"");
			$(this).remove();
			var checkLength = $('#select-to option').length;
			alert(checkLength);
		});

See Demo

By: admin

admin — Mon, 15 Nov 2010 15:01:26 +0000

To get the value of the select options use:

$('#select-to option').each(function(){
  $(this).val();
});

By: Jonathon

Jonathon — Mon, 15 Nov 2010 14:32:22 +0000

How do you pull the new values for sending via Jquery ajax, when call via value attribute the value is returned empty.

By: Jonathon

Jonathon — Mon, 15 Nov 2010 12:50:09 +0000

Nice snippet,

Have you thought of adding a counter to have max list count? So the user could add a maximum of eight options.

This is something I am working on for adding tags to an article, so the user can choose from a set of pre-defined tags.

If you have a solution let me know.

By: Change Order of Multiple Select Lists Using jQuery « Design Chemical – Web Design, Printing, Packaging & SEO

Fri, 21 May 2010 09:36:42 +0000

[...] Contacts « Create Add & Remove Select Lists Using jQuery [...]