javascript - 表格卡住/崩溃

标签 javascript jquery forms performance

如果用户更改在上一个下拉列表中选择的选项,我有一些 jQuery 会重置选择/下拉菜单。但是当我包含这个 jQuery 时,它有时会导致我的表单卡住/崩溃 - 它发生在点击表单大约 30 秒后。

有人能发现这段代码有什么问题吗?这是导致问题的 jQuery 代码:

   // 1. Resetting Fields
age_select.on("change", function() {
    let currentCol = jQuery(this).val();
// When age is changed reset other dropdown (by setting value to the default one)
// and trigger change for the event handler to be called
    subject_select.attr("data-column", currentCol).val('subject-fill');
    area_select.attr("data-column", currentCol).val('location-fill');
});

//2. Resetting Fields - BELOW PART IS CAUSING THE FORM TO CRASH SOMETIMES 
// if subject is changed reset location and trigger change
subject_select.on("change", function() {
    area_select.val('location-fill').trigger('change');
});

最佳答案

我的猜测是您的 area_select 事件处理程序存在一些问题,因此您可能会触发另一个创建无限循环的更改(例如,如果某个更改触发了 subject_select 上的更改事件)。

虽然没有有效的(损坏的)示例,但您的帖子太模棱两可了。

关于javascript - 表格卡住/崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59092564/

相关文章:

jquery - 有人知道有一个带有 jQ​​uery 验证的自定义单选按钮/复选框实现吗?

javascript - 如何在 for 循环后运行此代码

javascript - 如何在 .php 文件中启用 resharper html + javascript 支持

javascript - 使用当前音频 javascript 创建播放/暂停功能

php - 如何将 php 变量从我的 select 传递到 jquery?

javascript - PHP 无法使用 Jquery 表单中的提交按钮

javascript - "Attempting to use a disconnected port object"在 chrome 扩展中具有长生命周期连接

javascript - 如何使用 javascript 获取 html 表格单元格的内容 javascript 根据复选框

javascript - 如何添加多于document.getElementById?

python - 让事件处理函数创建持久的 PYQT4 对象