html
<!-- 所属模块 --> <div class="form-group"> <label class="form-label" for="parent" >所属模块</label> <div class="controls" > <select id="parent" style="width: 150px" οnchange="clickOpt()" > <option value="">-------请选择-------</option> <option value="2">A</option> <option value="3">B</option> <option value="4">C</option> <option value="6">D</option> </select> </div> </div> <!-- 标题 --> <div class="form-group"> <label class="form-label" for="child">所属标题</label> <div class="controls" > <select id="child" style="width: 350px"> </select> </div> </div>
js
<script type="text/javascript"> var id = ""; var name = ""; //点击父项 function clickOpt(){ //父选项 var parent = document.getElementById("parent"); var p_value = parent.value; //子选项清空 var child = document.getElementById("child"); var c_length = child.options.length; if(c_length >0){ for(var i = 0; i < c_length; i++ ){ child.options.remove(0); } } //重建子选项 _findResourceInfo(p_value); } function _findResourceInfo(busType){ jQuery.ajax({ dataType: "json", url: "/message/getRxxxId", data: {bxxType : bxxType}, type: "POST", success: function (result) { if (result.code == 1) { var data = result.data; console.info(data); for(var i = 0; i < data.length; i++){ var info = data[i]; var rxxxInfo = info.rxxxInfo; id = rxxxInfo.split("--")[0]; name = rxxxInfo.split("--")[1]; var obj = document.getElementById('child'); obj.options.add(new Option(name , id)); //这个兼容IE与firefox } } } }); } </script>
1.理清了思路发现也没辣么难了
2.不知道返回值如何的时候可以多打印返回值
好嗨森 = =