CODEWITHSUNDEEP
javascriptjqueryselectmulti-select
Paula Fleck
Paula Fleck

Reputation: 893

jQuery UI MultiSelect are selecting all <select> in the page

I'm using the plugin jQuery UI MultiSelect http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/.

But I want just one <select> determinated by me to be multiple!

I alrealy have others <select> on my page (simple selects), like this:

<select name='simple_select' id='simples_select'>
   <option value='1'>Option 1</option>
</select>

And, for the multiple <select>:

<select multiple="multiple" name='multiple_select' id='multiple_select'>
   <option value='1'>Option 1</option>
</select>

When I change this function from "select" to something else, (like "div") all the divs stay "multiple". So, like this function (downloaded from the plugin site), all the <select> will be multiple... and I just one specific.

<script type="text/javascript">
$(function(){
    $("select").multiselect();
});
</script>

Anyone have any idea how can I make it? Thanks for reading and I'm sorry about the terrifying english (I'm brazilian). ^^

Upvotes: 2

Views: 1552

Answers (3)

user762330
user762330

Reputation:

If you want to select all <select> use $('select') and if you only want to select a specific <select> use $('#mySelect').

See this link for more info

Upvotes: 1

Sergio
Sergio

Reputation: 28837

Try using :not() to exclude a select you don't want calling it's ID inside :not()

$(function(){
    $("select:not(#simples_select)").multiselect();
});

Demo

Or just use the ID selector for the one that you want, since it has ID:

$(function(){
    $("#multiple_select").multiselect();
});

Demo

Upvotes: 1

doog abides
doog abides

Reputation: 2288

Unless you specifically want to apply something across a group of tags or objects it's much better practice to use IDs. To apply the code to the specific ID use the # symbol with the ID.

You can learn about CSS selectors with jQuery here: http://api.jquery.com/category/selectors/

<script type="text/javascript">
$(function(){
    $("#multiple_select").multiselect();
});
</script>

Upvotes: 1

Related Questions