从数据列表中选择时如何检测输入字段已更改?

汤姆

我有一个附带数据列表的输入:

<input type="text" list="mylist">

<datalist id="mylist">
<option>1
<option>2
</datalist>

当我从列表中选择一个选项时,该change事件不会在输入元素上触发。那么如何检测输入的变化呢?

里克·希区柯克

您可以捕获input事件:

document.querySelector('input').addEventListener('input', function() {
  alert('Changed!');
});
<input type="text" list="mylist">

<datalist id="mylist">
<option>1
<option>2
</datalist>

更新

我最初没有注意到jQuery标记,@ YanickRochon很好地指出这也应该捕获更改事件。

新片段

$('input').on('input change', function() {
  alert('Changed!');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" list="mylist">

<datalist id="mylist">
<option>1
<option>2
</datalist>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

键入[Angular]时如何检测输入字段中的更改

来自分类Dev

根据Web表单中选择字段的值更改输入字段的数据要求

来自分类Dev

用户从选择框中选择选项时更改输入字段的值

来自分类Dev

写入CSV文件时如何从列表中选择合适的数据?

来自分类Dev

用户从下拉列表中选择值时如何在文本字段中显示数据库值

来自分类Dev

从下拉列表中选择选项时如何更改视图数据,而无需刷新页面?

来自分类Dev

如何检测用户何时从数据列表中选择了一个选项?

来自分类Dev

我将如何将我从下拉列表中选择的数据附加到 yii2 中的下一个输入字段

来自分类Dev

根据R中列表中选择的项目显示输入字段

来自分类Dev

在下拉列表中选择值显示隐藏的输入字段

来自分类Dev

根据列表中选择的项目显示输入字段

来自分类Dev

在列表视图中选择列表项时,如何更改其颜色?

来自分类Dev

在HTML输入字段中选择文件时显示确认

来自分类Dev

从DatePicker中选择日期时输入字段分派器

来自分类Dev

如何从pgsql中的列表中选择数据

来自分类Dev

如何在从下拉列表 html 中选择值时使文本字段只读

来自分类Dev

从输入下的数据列表中选择一个选项后,如何立即触发功能?

来自分类Dev

从输入下的数据列表中选择一个选项后,如何立即触发功能?

来自分类Dev

如何使用选择列表验证输入字段?

来自分类Dev

从下拉列表中选择路径元素的值时如何更改其颜色

来自分类Dev

Django视图从日期字段的数据库列表中选择

来自分类Dev

关注时如何更改输入字段的位置?

来自分类Dev

如何检测嵌套列表中的哪些元素已更改?(Python)

来自分类Dev

如何检测嵌套列表中的哪些元素已更改?(Python)

来自分类Dev

当表单中的特定输入字段不为空时如何更改单选按钮选择

来自分类Dev

如何知道从按钮ios输入数据时textfield值是否已更改

来自分类Dev

如何使用jQuery检测表单的任何输入字段中的更改?

来自分类Dev

如何让用户从有限列表中选择输入?

来自分类Dev

如何在输入标签中选择列表项

Related 相关文章

  1. 1

    键入[Angular]时如何检测输入字段中的更改

  2. 2

    根据Web表单中选择字段的值更改输入字段的数据要求

  3. 3

    用户从选择框中选择选项时更改输入字段的值

  4. 4

    写入CSV文件时如何从列表中选择合适的数据?

  5. 5

    用户从下拉列表中选择值时如何在文本字段中显示数据库值

  6. 6

    从下拉列表中选择选项时如何更改视图数据,而无需刷新页面?

  7. 7

    如何检测用户何时从数据列表中选择了一个选项?

  8. 8

    我将如何将我从下拉列表中选择的数据附加到 yii2 中的下一个输入字段

  9. 9

    根据R中列表中选择的项目显示输入字段

  10. 10

    在下拉列表中选择值显示隐藏的输入字段

  11. 11

    根据列表中选择的项目显示输入字段

  12. 12

    在列表视图中选择列表项时,如何更改其颜色?

  13. 13

    在HTML输入字段中选择文件时显示确认

  14. 14

    从DatePicker中选择日期时输入字段分派器

  15. 15

    如何从pgsql中的列表中选择数据

  16. 16

    如何在从下拉列表 html 中选择值时使文本字段只读

  17. 17

    从输入下的数据列表中选择一个选项后,如何立即触发功能?

  18. 18

    从输入下的数据列表中选择一个选项后,如何立即触发功能?

  19. 19

    如何使用选择列表验证输入字段?

  20. 20

    从下拉列表中选择路径元素的值时如何更改其颜色

  21. 21

    Django视图从日期字段的数据库列表中选择

  22. 22

    关注时如何更改输入字段的位置?

  23. 23

    如何检测嵌套列表中的哪些元素已更改?(Python)

  24. 24

    如何检测嵌套列表中的哪些元素已更改?(Python)

  25. 25

    当表单中的特定输入字段不为空时如何更改单选按钮选择

  26. 26

    如何知道从按钮ios输入数据时textfield值是否已更改

  27. 27

    如何使用jQuery检测表单的任何输入字段中的更改?

  28. 28

    如何让用户从有限列表中选择输入?

  29. 29

    如何在输入标签中选择列表项

热门标签

归档