Jquery select 嵌套依赖下拉菜单 自动刷新下属属性和表格

     <script type="text/javascript">$(function() {        fillHead();        $("#select-choice-1").change(function(){        $("#select-choice-2").empty();        $("#select-choice-2").append("<option value='' selected='selected'>请选择品牌</option>");        $("#select-choice-2").selectmenu("refresh");        fillSecond('select-choice-2',$("#select-choice-1").val());                  });        $("#select-choice-2").change(function(){        $("#select-choice-3").empty();        $("#select-choice-4").empty();        $("#select-choice-3").append("<option value='' selected='selected'>请选择规格</option>");        $("#select-choice-3").selectmenu("refresh");        $("#select-choice-4").append("<option value='' selected='selected'>请选择售价</option>");        $("#select-choice-4").selectmenu("refresh");        fillSecond("select-choice-3",$("#select-choice-1").val(),$("#select-choice-2 :selected").text());        fillSecond("select-choice-4",$("#select-choice-1").val(),$("#select-choice-2 :selected").text());        });            });    function fillHead(){        $.mobile.loading('show', {            text: "正在加载数据，请稍候...",            textVisible: true,            theme: "a",            textonly: false        });       $.ajax({            type: "GET",            timeout: 30000,            url: "<%=basePath%>/ManagerTaskAct/getSupplierList.jspx",        dataType : "json",                cache : false,        error : function() {            showPopupDialog("服务器错误 ！");        },        success : function(data) {        var list = eval(data);            for(var i = 0; i < list.length; i++){                 $("#select-choice-1").append("<option value='"+list[i].SUPPLIER_CODE+"'>"+list[i].SUPPLIER_NAME+"</option>");                 }            },                complete : function() {                 $.mobile.loading('hide');            }        });        }        function fillSecond(id,supCode,tradeMark){        $.mobile.loading('show', {            text: "正在加载数据，请稍候...",            textVisible: true,            theme: "a",            textonly: false        });       $.ajax({            type: "GET",            timeout: 30000,            url: "<%=basePath%>/ManagerTaskAct/getBrandInfo.jspx",        dataType : "json",        data : {        "supCode" : supCode,        "tradeMark" : tradeMark                },                cache : false,        error : function() {            showPopupDialog("服务器错误 ！");        },        success : function(data) {            var list = eval(data);            for(var i = 0; i < list.length; i++){            if(id=="select-choice-2"){            $("#"+id).append("<option value='"+list[i].BRAND_TRADEMARK+"'>"+list[i].BRAND_TRADEMARK+"</option>");            }else if(id=="select-choice-3"){            $("#"+id).append("<option value='"+list[i].BRAND_NAME+"'>"+list[i].BRAND_NAME+"</option>");            }else if(id=="select-choice-4"){            $("#"+id).append("<option value='"+list[i].TRADE_PRICE+"'>"+list[i].TRADE_PRICE+"</option>");            }                }                    },                complete : function() {                    $.mobile.loading('hide');            }        });        } function searchData() {                $.mobile.loading('show', {                    text: "正在加载数据，请稍候...",                    textVisible: true,                    theme: "a",                    textonly: false,                    html: ""                });               $.ajax({                    type: "GET",                    timeout: 30000,                    url: "<%=basePath%>/ManagerTaskAct/getBrandInfo.jspx",                    dataType : "json",                    data:{                        "supCode" : $("#select-choice-1").val(),                        "tradeMark" : $("#select-choice-2 :selected").val(),                        "brandName" : $("#select-choice-3 :selected").val(),                        "price" : $("#select-choice-4 :selected").val()                    },                    cache : false,                    error : function() {                        showPopupDialog("服务器错误 ！");                    },                    success : function(data) {                        var list = JSON.parse(data);                        var table = $("#ulTable");                        for ( var i = 0; i < list.length; i++) {                            document.getElementById("ulTable").innerHTML  = "";                            table.append("<li><div style='padding: 0px 30px;'><h3>"                                            + list[i].BRAND_NAME                                            + "</h3><p style='color:grey;'><table style='color:grey;'><tr><td>"                                            + list[i].PRODUCT_TYPE                                            + "</td><td>"                                            + list[i].PACK_TYPE                                            + "</td><td>"                                            + list[i].TRADE_PRICE                                            + "</td></tr></table></p></div></li>");                        }                        table.listview('refresh');                        $('#collapsible-select').trigger('expand');                    },                    complete : function() {                        $.mobile.loading('hide');                    }                });    }</script>   //...            <div data-role="content" data-theme="d">                <div data-role="collapsible-set" data-theme="b" data-content-theme="d">                     <div data-role="collapsible" data-collapsed="false">                         <h3>                            查询                        </h3>                        <select name="select-choice-1" id="select-choice-1">                            <option value="">                                企业                            </option>                        </select>                    <select name="select-choice-2" id="select-choice-2">                        <option value="">                            品牌                        </option>                    </select>                    <div class="ui-grid-a">                    <div class="ui-block-a">                            <select name="select-choice-3" id="select-choice-3">                                <option value="">                                    规格                                </option>                            </select>                    </div>                    <div class="ui-block-b">                            <select name="select-choice-4" id="select-choice-4">                                <option value="">                                    售价                                </option>                            </select>                    </div>                    </div>                    <a class="search_btn"  data-role="button"                        data-icon="search" data-iconpos="left" onclick="searchData();">查询</a>                    </div>                                <div data-role="collapsible" id="collapsible-select">
    </div>  
...
..
.. 


	
				
	
					   
Jquery select 嵌套依赖下拉菜单 自动刷新下属属性和表格
	  	   
Jquery绑定Select下拉菜单
	  	   
jQuery select下拉基本属性
	  	   
下拉菜单select友情链接自动跳转做法
	  	   
基于Jquery的模拟Select下拉菜单
	  	   
CSS+jQuery 下拉菜单(仿select)
	  	   
用select下拉菜单来实现Ajax异步刷新
	  	   
[note]表格，列表和下拉菜单
	  	   
集下拉刷新、自动加载和侧滑菜单的RecyclerView基本实现原理
	  	   
表格的下拉刷新
	  	   
javascript自动查找select下拉的菜单并选择
	  	   
js自动查找select下拉的菜单并选择
	  	   
实现select自动选择下拉菜单的值
	  	   
jQuery操作Select下拉框标签的一些方法和属性整理
	  	   
jQuery模拟的简单的select下拉菜单
	  	   
DropKick自定义美化select下拉菜单jquery插件
	  	   
利用jquery高仿select下拉菜单效果
	  	   
select下拉菜单问题
	     		  
	  	   
正则练习
	  	   
绘制多行文字代码（c语言实现）
	  	   
window.setTimeout()函数的使用
	  	   
PHP5之_set和_get函数
	  	   
如何调用在$(function(){   //内部函数代码    });
	  	   
Jquery select 嵌套依赖下拉菜单 自动刷新下属属性和表格
	  	   
用netadm命令管理配置文件
	  	   
MFC框架程序剖析
	  	   
JQuery基础
	  	   
MySql开通远程连接和权限设置
	  	   
Android之父深入解析Android
	  	   
Spring事务管理
	  	   
真正的js限制textarea内容长度
	  	   
一些准备