用Jquery做省市二级联动下拉列表

来源:互联网 发布:广州二手房交易数据 编辑:程序博客网 时间:2024/06/07 01:54

用JQuery做一个简单的二级联动菜单

(1)HTML代码

<select>

      <option value='0'>请选择</option>

      <option value='1'>吉林</option>

      <option value='2'>辽宁</option>

</select>

<span></span>

(2)JQuery代码

$(document).ready(function(){

       $("select").change(function(){

              var values = $(this).val();

              if(values == 1){

                    $("span").empty();

                    $("span").append("<select><option>长春</option><option>松原</option></select>");

              }

              if(values == 2){

                    $("span").empty();

                    $("span").append("<select><option>大连</option><option>旅顺</option></select>");

             }

             if(values == 0){

                   $("span").empty();

             }

       });

});

本实例只是一个简单的原型,大家可以自己添加内容。

原创粉丝点击