2012-07-11 121 views
1

的folloing選擇選項是一個代碼片段,我使用創建的jqGrid -jqGrid的填充根據以前選擇

$("#list").jqGrid({ 
    url:'products.php?storeId=<?php echo $_SESSION["valid_store"]; ?>', 
    datatype: 'xml', 
    mtype: 'GET', 
    colNames:['Product Id','Product Description','Department','Category','Price','Sale Price','Quantity','Extended Description','Image'], 
    colModel :[ 
     {name:'ProductId', index:'ProductId', width:20}, 
     {name:'product_name', index:'product_name', width:50, editable:true, edittype:'text', search:true, stype:'text'}, 
     {name:'DepartmentName', index:'DepartmentName', width:40,sortable: false, editable: true, edittype: "select"}, 
     {name:'CategoryName', index:'CategoryName', width:40,sortable:false, editable:true, edittype:'select'}, 

我使用下面填充了「DepartmentName的」動態當電網已加載 -

var departments = $.ajax({ 
     url: "get_departments.php?storeId=<?php echo $_SESSION["valid_store"]; ?>", 
     async: false, 
     success:function(data, result){ 
      if(!result){ 
       alert("Failure to retrieve the Departments"); 
      } 
     } 

loadComplete:function(){ 
     $("#list").setColProp('DepartmentName', { editoptions: { value: departments} }); 
    }, 

Baslically我分配了大量的「部門」的成JSON格式,當電網已加載那麼「DepartmentName的」填充了所有這些部門。這一切工作正常。

我在做/理解上有困難。現在我擁有這些值,具體取決於我從Select中選擇哪個「部門」,填入了僅由「部門」引用的「類別」的「類別名稱」,數據之間的關係已經在MySQL

中設置

謝謝

+0

我不明白的問題.... – jeschafe 2012-07-11 15:52:24

+0

基本上,我怎麼能填充「選擇」根據我在前面做出的選擇下拉菜單「選擇」下拉菜單 – 2012-07-11 15:53:16

回答

0

使用另一個ajax函數。只需發送選擇列表的值並獲取與所選值關聯的sql值即可。然後返回並在下一個SELECT項目中僅顯示這些選項。事情是這樣的:

$.ajax({ 
    url:blah.html, 
    data:{'something':'your select value'}, 
    success:function(data){$('#yourNextSelectItem').html(data)} 
});