简单的二级联动下拉菜单

浏览:7836 发布日期:2016/09/30 分类:技术分享
<?php
//设置编码格式
header("Content-type: text/html; charset=utf-8");

?>
<select id="select1">
<option value="" selected>请选择</option>
<option value="1">吉林</option>
<option value="2">辽宁</option>
</select>
<span></span>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script>
//$(function(){
//alert("11");

//})
$("#select1").change(function(){
    var id=$("#select1").val();
    if(id==1){
        $.get('20160911.php',null,function(data){
            $("span").empty();
            $("span").append("<select><option>长春</option><option>松原</option></select>");
        })
    }else{
        $.get('20160911.php',null,function(data){
            $("span").empty();
            $("span").append("<select><option>大连</option><option>旅顺</option></select>");
        })
    }
    if(id==""){
        $.get('20160911.php',null,function(data){
            $("span").empty();
            $("span").append("<select><option>请选择</option></select>");
        })
    }

})

</script>
最佳答案
评论( 相关
后面还有条评论,点击查看>>