Ajax二级联动

  Ajax接触了一段时间了,做了很多关于ajax的东西,始终没做到二级联动或多级联动,前天终于要做分类的联动,觉得没什么难的,但是碰到了一个问题,我的联动无法获得我返回的下拉框,很郁闷,详细看看什么问题:

<script language="javascript" type="text/javascript">
   var request = false;
   try {
     request = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         request = false;
       } 
     }
   }
   if (!request)
     alert("Error initializing XMLHttpRequest!");
   function get() {
 var ListOne= document.getElementById("ListOne").value; 
 if(ListOne){
     var url = "PullSubcategory.php?id=" + escape(ListOne);
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
 }
   }
   function updatePage() {
     if (request.readyState == 4) {
       if (request.status == 200) {
  parseMessage();
       } else if (request.status == 404) {
       } else {
       }
     }

   }
   function parseMessage(){
    var ListTwo=document.getElementById('ListTwo');
 ListTwo.innerHTML=request.responseText;
 }
   function check(){
 if(document.getElementById("ListOne").value==""){
  alert("Please Select Queues."); 
  return false;
 }
</script>
试来试去也得不到,究竟怎么回事,看了看别人的例子,没啥高明的啊,后来终于发现了问题,关键就在innerHTML,看来我得详细了解下innerHTML,outerHTML,innerTEXT的区别了.

innerHTML获取标签内的HTML
outerHTML获取标签及标签内的HTML
innerTEXT和outerTEXT都是获取标签内的文本,相同。

innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本

其实最大的区别就是innerHTML获取的是<select></select>内的HTML也就是说<opiton>啥的,而outerHTML获取的是<select>这个标签和它内部的HTML全部。

将innerHTML换成outerHTML就OK了。

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值