CODEWITHSUNDEEP
javascriptjqueryjquery-chosen
Santosh Ghimire
Santosh Ghimire

Reputation: 3145

Keypress event on chosen single select

I would like to automatically add the selected value when enter key is pressed on chosen jquery single select. So, for that is there any event like keypress which I would use to do something when return key was pressed?

<select id="myselect" data-placeholder="Add foods you can buy here." 
style="height:30px; width: 100%" class="chosen-select" onkeypress="handle(event)" >
<option value=""></option>
<optgroup label="blah">
<option>blah blah</option>
</optgroup>
</select>

Upvotes: 3

Views: 19642

Answers (2)

Emaborsa
Emaborsa

Reputation: 2870

I had problema by using the code suggesetd by Mahesh. If so, use keypress instead:

$(".chosen-container").bind('keypress',function(e) {
    if(e.which === 13) {
        $('#myform').submit();
        // or your stuff here...
    }
});

Upvotes: 0

msapkal
msapkal

Reputation: 8346

Bind the keyup event on the jquery chosen dropdown, after chosen in initialized.

Depending upon the version either you need to use .chosen-container or .chzn-container.

$(".chosen-select").chosen({});

$(".chosen-container").bind('keyup',function(e) {
    if(e.which === 13) {
        $('#myform').submit();
        // or your stuff here...
    }
});

Upvotes: 13

Related Questions