javascript实现下拉选框ajax效果

来源：互联网发布：cc攻击 linux 编辑：程序博客网时间：2024/06/03 21:13

javascript实现下拉选框ajax效果

在某些情况下，jq写的select 标签 onchange事件会无效，这种情况下采用javascript编写效果

<script type="text/javascript">//ajax函数--get方法传输    function ajax(url, fnSucc){        if(window.XMLHttpRequest)           {               var oAjax = new XMLHttpRequest();           }           else           {               var oAjax = new ActiveXObject("Microsoft.XMLHTTP");//IE6浏览器创建ajax对象           }           oAjax.open("GET",url,true);//把要读取的参数的传过来。           oAjax.send();           oAjax.onreadystatechange=function()           {               if(oAjax.readyState==4)               {                   if(oAjax.status==200)                   {                       fnSucc(oAjax.responseText);//成功的时候调用这个方法                   }                   else                   {                    //todo somethining..                    alert("fail");                   }               }           };    }    function changePid(obj){        var opt = obj.options[obj.selectedIndex];        var pid = opt.value;        if(pid==null||pid==""){            document.getElementById("subjectId").value = subjectIdValue;            document.getElementById("direction").value = directionValue;            document.getElementById("finalSwap").value = finalSwapValue;            return;        }        //url改成你的服务器接口地址        var url = "${ctx}/budget/financeAllSubject/single?subjectId=" + pid;        //调用ajax函数        ajax(url,function(str){            var obj = eval('(' + str + ')');            document.getElementById("subjectId").value = obj.subjectId;            document.getElementById("direction").value = obj.direction;            document.getElementById("finalSwap").value = obj.finalSwap;        });    }</script><body>    //设置onchange事件    <select id="pid" name="pid" onchange="changePid(this)" class="form-control required">        <option value="">---请选择父级科目代码---</option>    </select></body>

阅读全文

0 0