Javascript 使用Java脚本的依赖下拉菜单仅适用于更改主下拉菜单，如果已选择主下拉菜单，则它必须适用于页面加载

我有一个主要下拉列表（国家）和第二个相关的

下拉列表

。（状态）。只有当我们选择primary

下拉列表时，此代码才能正常工作。但如果在页面加载时已选择主下拉列表，则不起作用

主要下拉列表国家：

<select class="select4" name="country" id="country">
  <option value="">Please Select</option>
     @foreach($country_data as $country)
       <option value="{{$country->country_id}}" {{$profile_data->country == $country->country_id  ? 'selected' : ''}}>{{$country->country_name}}</option>
     @endforeach
</select>


Ajax代码在页面加载时必须如何工作？
您需要手动触发更改事件

在您的

$('select[name="country"]').on('change', function() { ... }

强制触发：

$('select[name="country"]').trigger('change');

这样，当您的document.ready函数即将结束时，您可以强制触发事件，如果设置了它，它将触发ajax调用
如何在{…}中编写rest代码，您可以粘贴完整的代码吗？您可以更具体地说@KapilDevSharma吗
$('select[name="country"]').on('change', function() { ... }

$('select[name="country"]').trigger('change');