Comments on: jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/ Professional web design and creative company CHROMATIC's blog. Fri, 12 Mar 2010 16:01:18 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: 25 jQuery Tutorials for Creating and Working with Forms | Son Of Byte - Web Design & Development http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-9055 25 jQuery Tutorials for Creating and Working with Forms | Son Of Byte - Web Design & Development Thu, 04 Mar 2010 23:34:55 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-9055 [...] jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly [...] [...] jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly [...]

]]> By: 10+ JQuery tutorials for working with HTML forms « BeginnerPC : Tips , Tricks & Tutorials http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8848 10+ JQuery tutorials for working with HTML forms « BeginnerPC : Tips , Tricks & Tutorials Sat, 26 Sep 2009 15:51:58 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8848 [...] Javascript is very good to enhance your forms usuability. Using JQuery, you’ll save a precious time and do lots of things in a simpler manner that if you where using “classic” Javascript. This tutorial is a very good example of JQuery’s power when it comes to forms. Read tutorial [...] [...] Javascript is very good to enhance your forms usuability. Using JQuery, you’ll save a precious time and do lots of things in a simpler manner that if you where using “classic” Javascript. This tutorial is a very good example of JQuery’s power when it comes to forms. Read tutorial [...]

]]> By: 11 JQuery tutorials for working with HTML forms | Webmaster 9 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8785 11 JQuery tutorials for working with HTML forms | Webmaster 9 Tue, 11 Aug 2009 15:20:20 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8785 [...] Selecting Multiple Select Form Elements on the Fly [...] [...] Selecting Multiple Select Form Elements on the Fly [...]

]]> By: 终极收藏的40 + jQuery教程和资源 - Geeky Derek http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8650 终极收藏的40 + jQuery教程和资源 - Geeky Derek Sun, 24 May 2009 07:38:59 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8650 [...] jQuery教程 ： 选择多个选择表单元素的粉煤灰 [...] [...] jQuery教程 ： 选择多个选择表单元素的粉煤灰 [...]

]]> By: Geeky Derek » Blog Archive » 终极收藏的40 + jQuery教程和资源 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8417 Geeky Derek » Blog Archive » 终极收藏的40 + jQuery教程和资源 Tue, 17 Mar 2009 16:10:19 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8417 [...] jQuery教程 ： 选择多个选择表单元素的粉煤灰 [...] [...] jQuery教程 ： 选择多个选择表单元素的粉煤灰 [...]

]]> By: Booto’Design » Blog Archive » 40+ jQuery Tutorials and Resources http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8359 Booto’Design » Blog Archive » 40+ jQuery Tutorials and Resources Thu, 19 Feb 2009 05:37:13 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8359 [...] jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly [...] [...] jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly [...]

]]> By: Ultimate Collection of 40+ jQuery Tutorials and Resources | The Theme Blog http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8358 Ultimate Collection of 40+ jQuery Tutorials and Resources | The Theme Blog Wed, 18 Feb 2009 20:24:48 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8358 [...] jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly [...] [...] jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly [...]

]]> By: cj http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8310 cj Mon, 26 Jan 2009 22:08:58 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8310 This solution relies on the fact that the group of options contains the same value like "red". In case you don't have that available, the way of doing this would be to add a do-nothing class to the group of options, like the example as below: A B C D E F G then to select all options except B and D, we write: $("#letter options:has(.needSelect)").attr('selected', 'selected') This solution relies on the fact that the group of options contains the same value like “red”. In case you don’t have that available, the way of doing this would be to add a do-nothing class to the group of options, like the example as below:

A
B
C
D
E
F
G

then to select all options except B and D, we write:
$(“#letter options:has(.needSelect)”).attr(’selected’, ’selected’)

]]> By: Matt http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8309 Matt Mon, 26 Jan 2009 18:14:47 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8309 Hey Tim. We're doing great, and hope that you are, too. Glad that the tutorial ended up being of some use to you, albeit being a day late. Hey Tim. We’re doing great, and hope that you are, too. Glad that the tutorial ended up being of some use to you, albeit being a day late.

]]> By: Tim Jahn http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8308 Tim Jahn Mon, 26 Jan 2009 18:04:49 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8308 What timing! I was just working on selecting multiple select options yesterday! I figured it out but finding this post beforehand would've been great. Thanks for the tip! How are you guys? What timing! I was just working on selecting multiple select options yesterday!

I figured it out but finding this post beforehand would’ve been great. Thanks for the tip!

How are you guys?

]]> By: Chris http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8307 Chris Sun, 25 Jan 2009 20:56:30 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8307 Thanks Chad! You can certainly use combination filters. In your jQuery selector statement, simply separate each with a comma, like so: <code>$("#colors option:contains(\'Red\'), #colors option:contains(\'Green\')").attr("selected","selected");</code> As for using multiple selects, you're right! Probably not the best UI choice. We were simply working within an existing data architecture - definitely something that could be worked on in the future. Thanks Chad! You can certainly use combination filters. In your jQuery selector statement, simply separate each with a comma, like so:

$("#colors option:contains(\'Red\'), #colors option:contains(\'Green\')").attr("selected","selected");

As for using multiple selects, you’re right! Probably not the best UI choice. We were simply working within an existing data architecture – definitely something that could be worked on in the future.

]]> By: chad udell http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-select-form-elements-on-the-fly/#comment-8306 chad udell Sun, 25 Jan 2009 20:03:19 +0000 http://www.chromaticsites.com/blog/jquery-tutorial-selecting-multiple-option-form-elements-on-the-fly/#comment-8306 Nice post, and a solid tip... how about combination filters, ie. all option 2's, red + blue, etc... alss, not sure, but is a multiselect list with hundreds of items actually the best UI choice for your use case? how about cosnidering a multi-column list that performs filtering, or perhaps a dropdown controlled set of lists, etc. just a thought. Nice post, and a solid tip… how about combination filters, ie. all option 2’s, red + blue, etc… alss, not sure, but is a multiselect list with hundreds of items actually the best UI choice for your use case? how about cosnidering a multi-column list that performs filtering, or perhaps a dropdown controlled set of lists, etc. just a thought.

]]>