Easyui combobox下拉菜单 示例及 onChange事件

Html

<select name='contact_sex' id='contact_sex' class="easyui-combobox"style="height:28px;width:160px;" editable=false  >
<{$contact_sex}><{$option_contact_sex}></select>

其中   editable=false  表示 不可编辑

          <{$contact_sex}>   表示 当前默认显示项

          <{$option_contact_sex}>  为下拉菜单的项  

<option value='0' > --请选择-- </option><option value='前期了解'>前期了解</option><option value='意向咨询'>意向咨询</option><option value='已报确认'>已报确认</option>  

javascript

获取当前选中的值

$('#cc_id').combobox('getValue') 

获取当前选中的文字

$('#cc_id').combobox('getText')  

选中某项

$('#contact_source').combobox('setValue',rows['contact_source']);

选中第一项

 $("#consult_major1").combobox("select",0);

设置只读

$('#consult_subject').combobox("readonly",true);//只读

 

Easyui combobox onChange事件：

注册事件：

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