第一个select选择不同选项，给第二个select赋不同值

最新推荐文章于 2023-05-22 11:28:36 发布

新老农

最新推荐文章于 2023-05-22 11:28:36 发布

阅读量449

点赞数

分类专栏： PHP HTML JS 文章标签： javascript 开发语言 ecmascript

懒虫

本文链接：https://blog.csdn.net/xcbzsy/article/details/128003745

版权

PHP 同时被 3 个专栏收录

106 篇文章 1 订阅

订阅专栏

63 篇文章 1 订阅

订阅专栏

HTML

54 篇文章 1 订阅

订阅专栏

在这里插入图片描述

  <div class="col-md-3" >
    <label for="paper_type_id" class="asterisk control-label col-sm-4 width21"  style="text-align: right;padding-top: 5px;" title="打板项目">打板项目:</label>
    <div class="col-sm-7">
      <select name="paper_type_id" id="paper_type_id" class="form-control paper_type_id" required="1" onchange="selectPapertype(this)">
{{--                      <select name="paper_type_id" id="paper_type_id" class="form-control paper_type_id" required="1" >--}}
        <option value="">请选择</option>
        @foreach($paper_board as $kp => $vp)
          <option value="{{ $kp }}" >{{ $vp }}</option>
        @endforeach
      </select>
    </div>
  </div>
  <div class="col-md-3">
  <label for="paper_charge" class="control-label col-sm-5"  style="text-align: right;padding-top: 5px;width: 28%;" title="制板收费">制板收费:</label>
  <div class="col-sm-7">
    <select name="paper_charge" id="paper_charge" class="form-control paper_charge">
      <option value="">请选择</option>
      @foreach($paper_charge as $kp => $vp)
        <option value="{{ $kp }}" >{{ $vp }}</option>
      @endforeach
    </select>
  </div>
</div>

  function selectPapertype(e){
    var vId = $(e).val();
   if(vId == 0 || vId == 2){
     $('.paper_charge').removeAttr('disabled');
     $('.paper_charge').val(1).select2();
    }
   else{
     $('.paper_charge').attr('disabled',true);
     $('.paper_charge').val("").select2();
   }
  }

 function selectPapertype(e){
    var paper_type_id = $(e).val();
    $('.paper_charge').empty();
    if(paper_type_id == 0 || paper_type_id == 2){
      $('.paper_charge').removeAttr('disabled');
      var obj = <?php echo $papercharge;?>;
      var arr = [];
      for(let i in obj) {
        arr[i] = obj[i]
      }
      //arr.shift()
      var obj = document.getElementById('paper_charge')
      for (var i=0; i< arr.length;i++) {
        obj.options.add(new Option(arr[i], i))
      }
      $('.paper_charge').val(1).select2();
    }
    else{
      $('.paper_charge').attr('disabled',true);
      $('.paper_charge').val("").select2();
    }
  }