动态禁用layui的select

最新推荐文章于 2024-08-30 07:57:20 发布

Sydal

最新推荐文章于 2024-08-30 07:57:20 发布

阅读量9.4k

点赞数 2

本文链接：https://blog.csdn.net/weixin_40846345/article/details/82318641

版权

<script>

  layui.use('form',function () {

      var ext1Option = "";
      var form = layui.form;
      form.render(); //更新全部
      form.render('select');

      $.ajax({
          type : "GET",
          //async: false,
          url : "${pageContext.request.contextPath}/dict/queryDictList?code=SSBM",
          contentType: "application/x-www-form-urlencoded; charset=utf-8",
          //dataType : "json",
          success:function (data) {
              var option = "<option value=''>"+"--请选择--"+"</option>";
              for (var i = 0; i<data.length; i++) {
                  option += '<option value="'+data[i].code+'">'+data[i].name+'</option>';
              }
              $("#organId").append(option);
              form.render('select');
          },
          error:function (data) {

          }
      });

      $.ajax({
          type:"GET",
          contentType: "application/x-www-form-urlencoded; charset=utf-8",
          url:"${pageContext.request.contextPath}/dict/queryDictList?code=REGION",
          success:function (data) {
              var option = "<option id='' value=''>"+"--请选择--"+"</option>";
              for (var i = 0; i<data.length; i++) {
                option += "<option id='"+data[i].code+"'>"+data[i].name+"</option>";
               }
               ext1Option = option;
              $("#ext1").append(option);
              form.render('select');
          },
          error:function() {

          }
      });

      form.on('select(isCity)',function(obj) {
          var ext1 = $("#ext1");
          var instid = $("#instid");
          var ext1Data = "<select name = 'ext1' id = 'ext1'>";
          ext1Data += ext1Option += "</select>";
          if ("1" == obj.value) { //市级
              ext1.replaceWith("<select name = 'ext1' id = 'ext1' disabled ></select>");
              instid.replaceWith("<select name = 'instid' id = 'instid' disabled ></select>");
              ext1.value = "";
              instid.value = "";

          } else {
              ext1.replaceWith(ext1Data);
              instid.replaceWith("<select name = 'instid' id='instid'></select>");
          }
          form.render();

      });
  });

    layui.use('laydate', function() {
        var laydate = layui.laydate;

        laydate.render({
            elem: '#test2',
            format: 'yyyy-MM-dd',
            value: new Date()
        });
    });


</script>