JQuery multiple select in only one select

Question

I have code:

<select multiple="multiple" id="id_browser" name="browser">
<option value="1">Chrome</option>
<option value="2">Mozilla Firefox</option>
</select>

<select id="id_type" name="type">
<option value="max">Max</option>
<option value="min">Min</option>
</select>

And I'm using this lib: http://wenzhixin.net.cn/p/multiple-select/docs/#methods

following the docs:

<script>
$('select').multipleSelect();
</script>

But this changes both field. How can I use this lib to only 'id_browser select'?

The id attribute is unique, so pass that as your selector like $('#id_browser').multipleSelect() — Jack
– Jack, Commented Sep 18, 2015 at 18:13

Jake Bathman · Accepted Answer · 2015-09-18 17:54:36Z

1

Selection inside of a jQuery item is the same as selecting using CSS.

So in this case, try something like

$('#id_browser select').multipleSelect();

This will select elements that have an id (specified by a #) of id_browser, then look for any elements inside the #id_browser element that are of the select type (specified with no special characters before select).

Here's a quick rundown of the types of CSS selectors:

#id
.class
type

Here's a great reference on CSS selectors from Mozilla: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

There's also an awesome page here that details complex selectors, which let you do almost anything with some advanced selector patterns: http://learn.shayhowe.com/advanced-html-css/complex-selectors/

answered Sep 18, 2015 at 17:54

Jake Bathman

1,2773 gold badges18 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery multiple select in only one select

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related