javascript - 如何在 laravel 中加载多选的相关下拉菜单

Question

我想在 laravel 中的多选上加载依赖的 dropdwon。我如何加载？现在我有一个选择来加载下拉菜单。下面是我的代码，我想在 laravel 的多选上加载依赖的 dropdwon。我如何加载？现在我有一个选择来加载下拉列表。下面是我的代码

<select class="form-control"  id="region_country_id" name="region_country_id" >
    <?php foreach ($countries as $key => $value) { ?>
    <option value="<?php echo $value->id; ?>"<?php if($product->region_country_id == $value->id){ echo "selected";} ?>>
        <?php echo $value->name;?>
    </option>
    <?php } ?>
</select>

 <select class="form-control" id="region_id" name="region_id" style="margin-top: 10px;" >
     <?php if(Session::get('branch_access') != 1)
     {?>
      <option value="">All region</option>
      <?php } ?>
      <?php foreach ($regions as $key => $value)  { ?>
      <option value="<?php echo $value->id; ?>" <?php if($value->id == $product->region_id) { echo "selected";} ?>><?php echo $value->region; ?>
      </option>
      <?php  } ?>
 </select>

下面是上面的脚本

$('body').on('change', '#region_country_id', function() {
    loadOptionRegion($(this).val());
});

function loadOptionRegion(countryID) {
    $.ajax({
        method: "POST",
        url: "/region/country",
        dataType: 'json',
        data: {
            'country_id': countryID
        },
        beforeSend: function() {},
        success: function(data) {
            console.log(data.data.region);
            var regionList = data.data.region;
            var str = '<option value="0">All Region</option>';
            $.each(regionList, function(index, value) {
                str = str + "<option value='" + value.id + "'>" + value.region + "</option>";
                console.log(str);
            });
            $("#region_id").html(str);

        }
    })
}

Answer 1

首先在选择框中添加多个

<select class="form-control"  id="region_country_id" name="region_country_id" multiple>

现在，在您的 Controller 中将查询从 where 更改为 whereIn 国家/地区 ID

来自:

->where('country_id',$countryId);

致:

->whereIn('country_id',$arrOfCountryID);