jquery ui 选择菜单自动填充

Posted

技术标签:

【中文标题】jquery ui 选择菜单自动填充【英文标题】:jquery ui selectmenu autofill 【发布时间】:2020-01-31 07:37:31 【问题描述】:

我已通过 jquery ui selectmenu 将选择框转换为下拉菜单。 我的问题是,当我自动填充数据时,下拉菜单不会自动填充。 只有当我在菜单下拉时按下每个选择框时,选择器才会选择正确的选项。

但我需要自动完成。我怎样才能做到这一点?

【问题讨论】:

【参考方案1】:

初始化选择菜单调用后

$('select').change();
$('select').selectmenu("refresh");

解决方法检测浏览器自动填充是 setTimeout 然后触发刷新或更改事件

setTimeout(function() 
    $('select').change();
    $('select').selectmenu("refresh");
, 500);

【讨论】:

我遇到了这个错误 > 未捕获的错误:在初始化之前无法调用选择菜单上的方法;试图调用方法“刷新” 就像我说的必须在 select 上初始化 selectmenu() 插件后调用它 你在初始化之前调用了它 这个 $( "select" ).selectmenu() 不是初始化插件吗? 是的,但是要了解更多,您可以在此处添加一些代码吗?

以上是关于jquery ui 选择菜单自动填充的主要内容,如果未能解决你的问题,请参考以下文章

如何禁用 chrome / jquery 的自动完成和自动填充

Jquery ui自动完成填充带有ID​​的隐藏字段

根据下拉值自动填充文本框

基于 Vue JS 中的选择下拉菜单自动填充输入

Excel中设置下拉菜单并填充不同颜色

样式自动填充或自动完成默认浏览器下拉菜单