页面笔记

1，js清除下拉框内容

　　<select id="search">
　　<option>baidu</option>
　　<option>sogou</option>

　　<option>yahoo</option>
　　</select>
　　清空：
　　$("#search").find("option").remove();
　　或者
　　$("#search").empty();

　　清除第一个以下：$("#search option:gt(0)").remove();

2，下拉框添加一行内容：

　　var $optioin=$("<option>"+QQ+"</option>");

　　$("#search").append($option);

3，根据省份选择城市，post

　　<!-- 省份--城市 -->
    <script type="text/javascript">
        //定位"省份"下拉框，同时提交change事件
        $("#province").change(function(){
            alert("aa");
            //清空城市下拉框中的内容，除第一项外
            $("#city option:gt(0)").remove();
            //清空区域下拉框中的内容，除第一项外
            $("#area option:gt(0)").remove();
            //获取选中的省份
            var province = $("#province option:selected").text();
            //如果不是"选择省份"的话
            if("选择省份" != province){
                //异步发送请求到服务器
                //参数一：url表示请求的路径
                var url = "${pageContext.request.contextPath}/findCityRequest?time="+new Date().getTime();
                //参数二：sendData表示以JSON格式发送的数据
                var sendData = {
                    "bean.province" : province
                };
                //参数三：function(){}处理或回调函数
                $.post(url,sendData,function(backData,textStatus,ajax){
                    //测试
                    //alert( ajax.responseText );
                    //测试，backData是一个js对象，cityList是属性
                    var array = backData.cityList;
                    //数组的长度
                    var size = array.length;
                    //迭代数组
                    for(var i=0;i<size;i++){
                        //获取数组中的每个元素
                        var city = array[i];
                        //创建option元素
                        var $option = $("<option>"+city+"</option>");
                        //将option元素添加到城市下拉框中
                        $("#city").append( $option );
                    }
                });
            }
        });                    
    </script>