Easy UI Combobox 操作

JS

Combobox1.aspx 

HTML

 <script type="text/javascript">
        //页面初始化加载数据
        $(function() {
            $('#CC').combobox({
                url: 'Combobox.ashx',
                valueField: 'id',
                textField: 'Name'
            });

        });

        //获取当前项选择的值
        function getValue() {
            var vapues = $('#CC').combobox('getValue');
            alert(vapues);
        }
        //获取当前项选择的文本内容
        function GetText() {
            //先获取当前加载的数据集合
            var cData = $('#CC').combobox('getData');
            //获取当前选择项的Value值
            var IDs = $('#CC').combobox('getValue');
            var name;
            //喜欢比较对象值，这里为JSON的数据，所以是length 不会是count
            for (var i = 0; i < cData.length; i++) {
                if (cData[i].id == IDs) {
                    name = cData[i].Name;
                }
            }
            //输出当前选择项的文本信息
            alert(name);
        }

    </script>

<div class="easyui-panel">
        
        
        <table>
            <tr>
                <td>
                    <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="javascript:getValue();">GetValue</a>
                </td>
                <td>
                    <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="javascript:GetText();">GetText</a>
                </td>
            </tr>
            <tr>
                <td>
                      <input  id="CC" name="dept" />
                </td>
            </tr>
        </table>
    </div>

 public class Combobox1 : IHttpHandler
 { 
 public void ProcessRequest(HttpContext context)
 {
 context.Response.ContentType = "text/plain";
 List<Comboxs> cc = new List<Comboxs>(); 
 for (int i = 0; i < 10; i++) 
 { 
 Comboxs c = new Comboxs {id = Guid.NewGuid(), Name = "C#" + i}; 
 cc.Add(c); 
 } 
 string result = string.Empty; 
 result = JsonConvert.SerializeObject(cc); 
 //输出JSON数组于页面 
 context.Response.Write(result); 
 context.Response.End(); 
 } 
 public bool IsReusable
 { 
 get { 
 return false; 
 }
 }
 }
 public class Comboxs {
 public Guid id { get; set; } 
 public string Name { get; set; }
 }