easyui-combobox

    在做功能的时候用到easyui的combobox，下拉框经常使用，因此把它的使用方法简单总结如下：

    html代码部分：

<pre name="code" class="html"><select class="easyui-combobox" id="fruit" 
        data-options="editable:false"
	style="height: 25px; width: 148px"
	align="center" > 
    <option value="banana">香蕉</option>
    <option value="orange">橘子</option>
    <option value="apple">苹果</option>
</select>

    1、combobox改变选中值触发事件：

    onSelect事件：

$().ready(function(){ 
	$("#fruit").combobox({
		editable : false, // 不可编辑状态
		cache : false,
		panelHeight : '150',// 自动高度适合
		onSelect : function() {
		//改变选中值后的操作...
		}
	})
});

    或者onChange事件；

$('#fruit').combobox({
    onChange:function(newValue,oldValue){
        alert(newValue);
    }
});

    2、combobox设置默认选中项：

$('#fruit').combobox('select',"苹果");

    3、combobox获取选中项的value值：

$("#fruit").combobox("getValue");

    4、combobox获取选中项的text值：

$("#fruit").combobox("getText");

    5、combobox设置不可用

$('#fruit').combobox('disable');   //设置不可用

小结：

    常用easyui样式不仅基本使用要会，与其他样式组合使用也要会。

    多看官网，高效、原汁原味。