Want select2 not to select first option by default

[pratee...@gmail.com]

HI Folks,

I am using select2 library over a search bar. What happens is when the search results appear in the drop-down as list select2 automatically gives first option as selected, which I don't want.

I want no option to be selected by default instead want to get it selected whenever the user presses and up/down arrow key after the results appear.

Can some-one please help me in achieving this ?

Thanks.

[bruno.m...@gmail.com]

This is not an answer at all and i'm sorry for this false hope but an answer would surely help me too !

[Kevin Brown]

This behaviour exists not because Select2 is forcing it, but because the browser is auto-selecting the first option for you. We can't control that, we can only work around it. Your best option is to use the placeholder support in Select2 and include a blank option tag as your default selection.

On Tue, Aug 16, 2016, 18:58 <bruno.m...@gmail.com> wrote:

This is not an answer at all and i'm sorry for this false hope but an answer would surely help me too !

--
You received this message because you are subscribed to the Google Groups "select2" group.
To unsubscribe from this group and stop receiving emails from it, send an email to select2+u...@googlegroups.com.
To post to this group, send email to sel...@googlegroups.com.
Visit this group at https://groups.google.com/group/select2.
For more options, visit https://groups.google.com/d/optout.

[bruno.m...@gmail.com]

Thanks ! :D

[jp3...@gmail.com]

// This may help some one although this is an old post.

$('#keywordselect').select2({
placeholder: 'Select...',
closeOnSelect: false,
multiple: true,
});

// one clears the box content and the other clears the highlighting
$('#keywordselect').val(null);
$('.select2-selection__rendered').html('');

[jaji...@gmail.com]

Refer to https://stackoverflow.com/questions/28718614/remove-default-selection-in-select2-jquery-plugin/51546532#51546532

[bharath...@gmail.com]

add empty option to top of the <select> tag . Do this before intialization
<option></option>

[mikibe...@gmail.com]

If its still relevant to someone, here's the fix:

  $("#yourelementid").select2({ [options]... });

  ..

  $("#yourelementid").val("")

  $("#yourelementid").trigger("change");

[Joost Roetgering]

For anyone that still needs it. If you add multiple="multiple" to the select element it won't auto select the first option. For example:

<select class="select-class"  multiple="multiple">

<option value="value">value</option>

</select>

Op vrijdag 3 juni 2016 om 21:51:36 UTC+2 schreef pratee...@gmail.com:

[Sumit Pradhan]

Thank you for your response.

Best of Regards,

Sumit Pradhan

Cell: 9841960029

--

You received this message because you are subscribed to the Google Groups "select2" group.
To unsubscribe from this group and stop receiving emails from it, send an email to select2+u...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/select2/9b8b39fe-71d4-4b89-89ca-0bdb0c120a3an%40googlegroups.com.

[sumit khatri]

If you are working on change events,

you can use $("#select").val(0);

untill you donot have option with val=0;

२०२२ अक्टोबर १२, बुधबार का दिन १४:३८:१२ UTC+5:45 बजे pradhan...@gmail.com ले यस्तो लेख्नुभयो: