select下拉框二级联动

最新推荐文章于 2024-07-09 17:47:56 发布

小南城_

最新推荐文章于 2024-07-09 17:47:56 发布

阅读量1.2k

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/bing823506390/article/details/110853890

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

  <div class="form-group">
     <label class="col-sm-3 control-label">平台：</label>
     <div class="col-sm-4">
     <select name="platform" class="form-control"   onchange="func1(this)"   id="platform">
         <option value="">请选择平台</option>
          <c:forEach items="${platformList}" var="platform">
             <option value="${platform.name}">${platform.name}</option>
           </c:forEach>
      </select>
     </div>
  </div>                             


<div class="form-group">
   <label class="col-sm-3 control-label">排量：</label>
   <div class="col-sm-4">
       <select name="type" id="type" class="form-control">
           <option value="">请选择排量</option>
       </select>
    </div>
 </div>

function func1(thiss) {
    var select2 = document.getElementById("type");
   // var select1 = document.getElementById("platform").value;
    var select1 =thiss.value
    select2.length = 0; //每次都先清空一下市级菜单
    if(select1 !=0) {
        $.ajax({
            //几个参数需要注意一下
            type: "POST",//方法类型
            dataType: 'json',
            url: webPath+"/system/getDict",//url
            data: {"type":select1},//这个是form表单中的id   jQuery的serialize()方法通过序列化表单值
            success: function (result) {
                for(var i in result) {
                    select2.add(new Option(result[i].name,result[i].name), null);
                }
            },
        });

    }else if (select1 == 0){
        select2.length = 0;
        select2.add(new Option("请选择型号", ""), null);
    }
}