如何在不重新加载页面的情况下从另一个 Form::select 的更改事件中更改 Form::select 的选定选项答案

【问题标题】：How do I change the selected option of a Form::select from another Form::select's change event without reloading the page如何在不重新加载页面的情况下从另一个 Form::select 的更改事件中更改 Form::select 的选定选项
【发布时间】：2019-07-12 04:14:29
【问题描述】：

这不是我的代码。我的任务是做出改变。我这里有两个 Form::select ，当另一个的选定选项发生变化时，我想更改其中一个的选定选项。我做了一个更改事件，我可以通过使用 jQuery 的 val() 函数来更改另一个 Form::select 的值，但这需要我重新加载页面。我希望做的是更改一个的选定选项会自动更改另一个的选定选项，而无需重新加载页面。

我应该将默认选择的选项 null 更改为变量吗？但是它将是一个 PHP 变量，我无法使用 jQuery 更改它。我目前正在使用 Laravel 框架，我可以将 jQuery 变量放入 Form::select 吗？

{!! Form::select('start_time_hour', $select_hours_minutes['hours'], null, ['id' => 'start_time_hour', 'class' => 'select2']); !!}

{!! Form::select('over_work_hour_'.$i, $select_hours_minutes_with_blank['hours'], $shift_deduct_break['over_work_hour'], ['id' => 'over_work_hour_'.$i, 'class' => 'shift_deduct_breaks select2']); !!}

【问题讨论】：

stackoverflow.com/questions/2888446/…

标签： jquery laravel

【解决方案1】：

希望能帮到你

$('.select1').on('change', function() {
    $('.select2').val($(this).val())
})

link

【讨论】：

我已经这样做了，它不会立即更改另一个 Form::select 的选定选项。我必须重新加载页面才能看到更改。
@Lorenz 为什么必须重新加载页面？你能把你所有的代码放在这里或在线平台上检查吗
我查看了对我的问题的评论，终于找到了答案。我需要 .trigger('change');与 val() 一起，以便在不重新加载页面的情况下看到更改。如果不重新加载页面，单独使用 val() 似乎不起作用。