ajax实现select三级联动效果
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
本文利用ajax技术从数据库中获取数据,动态实现select三级联动,效果图如下:
前端js代码如下:
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.9.1.min.js">部分html代码
<table class="table-exposure"> <tr> <td height="40"> <select id="firstlevel" onchange="firstlevel_Click()" style="width:99%;font-size:1em;"> <option value="0">请选择事件大类</option> </select> </td> </tr> <tr> <td height="40"> <select id="secondlevel" onchange="secondlevel_Click()" style="width:99%;font-size:1em;"> <option value="0">请选择事件小类</option> </select> </td> </tr> <tr> <td height="40"> <select id="thirdlevel" style="width:99%;font-size:1em;"> <option value="0">请选择事件类别</option> </select> </td> </tr> </table>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:Ajax请求发送成功但不进success的解决方法