Keypress event on chosen single select

Question

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>

http://api.jquery.com/keypress/ - there is also an example... It works on drop-down selectors as well. — Alex Pakka, Jan 14 '14 at 04:37
Do you mean that whenever a value is selected using either tab/enter on chosen it should get re-added to the chosen dropdown ? — msapkal, Jan 14 '14 at 04:42
@MaheshSapkal no.. I don't want that. What i want is to add the selected value to my database on return key press. — Santosh Ghimire, Jan 14 '14 at 04:43
Sanotsh, what is wrong with the behaviour in this fiddle? - http://jsfiddle.net/Exceeder/XGSxE/ — Alex Pakka, Jan 14 '14 at 04:43
@AlexPakka I want to do sth when a return key is pressed while the selection is on one of the options. — Santosh Ghimire, Jan 14 '14 at 04:50

score 13 · Accepted Answer · answered Jan 14 '14 at 05:07

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...
    }
});

score 0 · Answer 2 · answered Nov 11 '15 at 08:41

0

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...
    }
});

answered Nov 11 '15 at 08:41

Emaborsa

2,360
4
28
50

Keypress event on chosen single select

2 Answers2

Linked