ajax级联菜单实例代码下载

原创整理不易,转载请注明出处:ajax级联菜单实例代码下载

代码下载地址:http://www.zuidaima.com/share/1751863403990016.htm

 

<html>
 <head> 
 <script type='text/javascript' src='jquery.js'></script>
 <script type='text/javascript'> '>test</option> 
 </select>
 </td>
 </tr>
</table>
</body>


对应的js代码:
js代码1:

//本菜单是4级级联菜单,采用jquery框架来实现 
 $(document).ready( function () ;i<dicts.length;i++){
 var newOption=new Option($('name',dicts[i]).text(),$('code',dicts[i]).text());
 nextMenu.options.add(newOption);
 }
 
 });
 
 });
});


后台返回的数据格式:

<?xml version="1.0"cencodeing="gbk" ?> 
 <ajax-response> 
 <response> 
 <dict> 
 <code> </code> 
 <name> 市局1 </name> 
 </dict> 
 <dict> 
 
 </dict> 
 </response> 
 </ajax-respnse>

 

你可能感兴趣的:(js,Ajax,级联菜单,实例代码)