JQuery_实现二级列表联动效果

最新推荐文章于 2021-07-07 16:37:29 发布

RunningSunBoy

最新推荐文章于 2021-07-07 16:37:29 发布

阅读量3.4k

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/guoqingpei/article/details/51062405

版权

本文介绍如何利用JQuery实现二级列表的联动效果。在网页表单中，当用户在一级列表中选择一项时，二级列表的内容会相应动态更新。提供了一段简单的JQuery实现代码示例。

摘要由CSDN通过智能技术生成

JQuery_实现二级列表联动效果

在很多填个人信息网页中，往往要根据用户前面的选择项，动态的去改变下一个选择项的选项，这就是二级列表联动效果，下面是我用Jquery做了一个简单的联动效果代码：


    <html>
    <head>
        <title>下拉列表框联动</title>
        <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript">
        //实现下拉选框的二级联动，当选择select1的值为1时，select2的选项为11和12；当选择select1的值为2时，select2的选项为21和22；
        function appendToOption(text