Laravel Blade脚本中如何传递多更新值调用函数
解决方案
你可以通过以下两种方式修改脚本,实现任一控件值变化时,将两个控件的最新值传入目标函数:
推荐方案(无全局变量,避免状态不一致)
直接在处理函数中实时获取两个控件的最新值,无需全局变量存储,代码更可靠:
// 统一的筛选变更处理函数 function handleFilterChange() { // 实时获取两个控件的当前值 const filterFunder = $('#filter_funder').val(); const filterDate = $('#filter_date').val(); // 替换成你实际的函数名,传入两个最新值 callFunction(filterFunder, filterDate); } // 给两个控件绑定同一个change事件处理函数 $('#filter_funder').on('change', handleFilterChange); $('#filter_date').on('change', handleFilterChange);
兼容全局变量的方案(若需在其他地方使用变量)
如果你的业务逻辑需要保留全局变量,可更新变量后再传入两个值:
let filter_funder; let filter_date; function handleFilterChange() { // 更新全局变量为最新值 filter_funder = $('#filter_funder').val(); filter_date = $('#filter_date').val(); // 传入两个最新值到目标函数 callFunction(filter_funder, filter_date); } $('#filter_funder').on('change', handleFilterChange); $('#filter_date').on('change', handleFilterChange);
关键优化点
- 抽离重复逻辑到单独函数,避免代码冗余
- 确保每次触发事件时,都能获取并传入两个控件的实时最新值,解决原代码仅传单个变更值的问题
- 修复原代码中
call Function ()的语法错误(正确写法应为callFunction(),需替换为你实际的函数名)
内容的提问来源于stack exchange,提问作者RA.IBOY
相关产品推荐
相关产品推荐

