我有一个论坛,我在其中更改选项卡的功能以进入。当用户按下 Enter 下一个输入字段时获得焦点并以某种方式 iImanage 打开 select2 选择框focusin
事件,因此选择 2 框打开。
但是,当我选择该值并在 selec2 选择框中按 Enter 键时,它不会关闭并在按下 Enter 键事件时保持打开状态,但会关闭。当我将 Enter 键事件更改为任何按键事件时, select2 会关闭并且工作正常,但我必须通过 Enter 来完成。
我想要的是:
当用户选择 select2 搜索框中的值并按 Enter 键时,它会关闭并将焦点移动到下一个输入字段或任何字段。
到目前为止我做了什么。
$('.search-select').on("focusin",function(event) {
$('#s2id_form-field-select-3').select2('open');
event.preventDefault();
});
Select2 与 Enter 键事件不起作用
$('.select2-input').on("keypress", function(e) {
if (e.keyCode == 13) {
$("#select2-drop-mask").click();
$('#name').focus();
e.preventDefault();
}
});
Select2 与任何正在运行的按键事件
$('.select2-input').on("keypress", function(event) {
$("#select2-drop-mask").click();
$('#name').focus();
event.preventDefault();
});
Markup
<select id="form-field-select-3" name="register_id" class="form-control search-select" required="required">
<option value=""> </option>
<? $query=$this->dba->get_dropdown('register',array('id','name'));
foreach($query as $key=>$value):
?>
<option value="<?=$key?>"><?=$value; ?></option>}
<? endforeach;?>
</select>
对于错误提前道歉,这是我第一次使用 Select2。