How Can I Make Static Dependent Combobox In Php Using Ext Js.

See more:

PHP

I have Tried This Code.But I can Not Find Solution.....

I Want to retrive value from One Combobox to Another combobox

<?php require "_header.php" ?>

<script type="text/javascript" language="javascript">
 
Ext.onReady(function(){

var id=
[
[1],
[2]
]

var complain =
[
['A-1'],
['A-2']
]

 
var Scomplain =
[
['A1'],
['A2']
]



var mycomplain = new Ext.data.ArrayStore({
data:[complain],
fields:['id','complain']
});


var myscomplain = new Ext.data.ArrayStore({

data:Scomplain,
fields:['id','Scomplain']
});
 

var comboform = new Ext.FormPanel({

id:'comboform',
method:'post',
layout:'form',
frame:true,

items:[{

columnWidth:1,
layout:'form',
items:[{

xtype:'combo',
fieldLabel:'Complaint',
id:'id',
name:'complain',
store:mycomplain,
displayField:'complain',
multiSelect: true,
mode:'local',
triggerAction: 'all',
lastquery:''
}
,
{

xtype:'combo',
fieldLabel:'SComplaint',
store:myscomplain,
displayField:'Scomplain',
multiSelect: true,
mode:'local',
triggerAction: 'all',
listeners:{select:{fn:function(combo, value)
{
myscomplain.filter('id',combo.getValue());
}}}
}
]
}]


});



var MasterCombo = new Ext.Window({


title:'Compaint',
height:200,
width:300,
items:comboform
});

var varwidth = (screen.width - MasterCombo.width)/2;
MasterCombo.show();
});
</script>

<?php require "_footer.php" ?>