如何在jquery中的Select List上按Enter键后运行一个函数

时间:2016-06-12 08:53:26

标签: javascript jquery

我有一个选择列表,我想在更改选项选择列表和输入键时按下运行jquery功能。 这是我的代码:



$("#productlist").keydown(function(){
  
  //for example 
  
  alert('Enter Pressed');
  });

<select id="productlist">
<option id="1" value="1">1<option>
<option id="2" value="2">2<option>
<option id="3" value="3">3<option>
<option id="4" value="4">4<option>
</select>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:2)

如果我理解你的问题是正确的,那么当用户从下拉列表中选择项目时,你想做一些事情。

$('select').change(function(){
  var text = $(this).val();
  alert(text);
});

更新:上述代码也适用于移动设备。

JSFiddle

答案 1 :(得分:0)

试试这个

$("#productlist").keydown(function(e){

    if (e.keyCode == 13) {
        alert('Enter Pressed');
    }      
  });

答案 2 :(得分:0)

这不是预期的行为。此外,它不适用于移动设备

如果没有要点击的按钮,

on("change"会更好。

您必须添加“请选择”选项才能生效。

如果您想要提交回车键,请添加提交按钮。这将具有允许移动和屏幕阅读器用户也使用您的界面的附加价值