简单的例子：

 

Ext.onReady(function(){
    var combo = new Ext.form.ComboBox({
        store:new Ext.data.SimpleStore({
            fields:['id','name'],
            data:[['','ce'],['0','ceshi'],['1','shi'],['2','aa']]   //声明一个数组，提供数据
        }),
        id:'co',
        typeAhead:true,
        mode:'local',
        editable:false,
        triggerAction:'all',
        emptyText:'select',
        displayField:'name',
        valueField:'id',
        renderTo:'test',
        listeners:{
            "select":function(){
                alert(combo.value);
                alert(Ext.get('co').dom.value);
                alert(Ext.getCmp('co').getValue());
               }
        }
    });
});

 

 

 

comboBox的一些属性：

 

store：数据来源

mode，数据来源。默认为remote，从服务器获取数据。local为从本地获取数据

emptyText:为空时显示的文本

editable：是否允许用户输入文本。默认为true，允许用户输入。为false时，不能直接输入。

displayField：文本框显示的内容。

valueField:通过value直接取到该值。

triggerAction：默认为query，你选择某个值后，再次选中下拉框时，只显示之前选择的选项。属性值为all时，每次选择都显示所有的选项。

获取选中下拉框的值：

combo.value   获取valueField的值

Ext.get('co').dom.value  获取id

alert(Ext.getCmp('co').getValue());  获取显示文本内容。