javascript - 通过 session 访问时我的选择框被禁用

Question

我正在使用 Laravel 框架和一些 jquery 代码。

问题是，当我提交数据时，它已成功保存在 session 中。当我返回上一页时，我的选择框显示所选值，但选择框被禁用。我完全困惑了。我应该在这里做什么？

这是我的 HTML 代码:-

<div class="one-row">
  <?php foreach ($services as $key => $allservices){ 
    if($key <= 3){  
      if(!empty($data['services'])){
        if(in_array($allservices['id'],$data['services'])) {
          $checked = "checked";
        } else {
          $checked = "";
        }
      } else {
        $checked = "";
      } 
    ?>
    <div class="div_img_part-2"> 
      <span class="img_part_class-2">
        <img src="{{ 
            asset('images/ServiceImages/'. $allservices['image'])}}"></span>
        <span class="text_part_class-2">
        <span class="check-box">
        <input type="checkbox" name="services[]" value="
          <?php echo $allservices['id']; ?>" <?= $checked; ?>><?php echo $allservices['name']; ?></span>
      </span>
      <select name="services[<?php echo $allservices['name'];?>]"class="selectpicker">
        <option value="">Select Your Sevice</option>
        <option value="Salon" <?php if(!empty($data['services'][$allservices['name']])){ if($data['services'][$allservices['name']] == "Salon") {?> selected
        <?php } } ?> >Salon</option>
        <option value="Mobile beautician" <?php if(!empty($data['services'][$allservices['name']])){ if($data['services'][$allservices['name']] == "Mobile beautician") {?> selected
        <?php } }?> >Mobile beautician</option>
        <option value="Both" <?php if(!empty($data['services'][$allservices['name']])){ if($data['services'][$allservices['name']] == "Both") {?> selected
        <?php } } ?>>Both</option>
      </select>
    </div>
  <?php } } ?>
</div>

我的 Jquery 代码看起来:-

<script>
  $(document).ready(function () {
    $(".div_img_part-2 .selectpicker").attr("disabled",true);
    $('.selectpicker').selectpicker('refresh');
    $(".check-box input[type='checkbox']").on("change", function () {
      if ($(this).prop("checked") == true) {
        $(this).parents(".div_img_part-2").find(".selectpicker").removeAttr("disabled");
        $('.selectpicker').selectpicker('refresh');
      }else{
      $(this).parents(".div_img_part-2").find(".selectpicker").attr("disabled",true);
      $('.selectpicker').selectpicker('refresh');
    }
  });
  });
</script>

首先选择

选择后(编辑)

注意:- 当用户选择该复选框时，该选择框将在第一次注册时处于事件状态。我的所有数据都保存在 Laravel 的 session 中，请帮助我:(

Answer 1

页面加载后，您需要运行此命令:

$(".check-box input[type='checkbox']").trigger("change");

因此页面将识别复选框值。