JQueryEasyUI框架下的combobox的取值和绑定的方法-JavaScript中文网-JavaScript教程资源分享门户

Combobox 是 JQueryEasyUI 框架中常用的下拉框组件，可以实现从一组可选项中选择一个或多个值。本文将介绍如何在 JQueryEasyUI 框架下使用 Combobox 组件进行取值和绑定操作。

取值方法

获取当前选中的值

使用 getValue 方法来获取当前选中的值。例如：
```
$('#combobox').combobox('getValue');
```
获取所有的选项值

使用 getData 方法来获取 Combobox 所有选项的数据，然后对数据进行遍历即可获取每个选项的值。例如：
```
var data = $('#combobox').combobox('getData');
for(var i=0; i<data.length; i++){
    console.log(data[i].value);
}
```
获取输入框中的文本值

使用 getText 方法来获取输入框中的文本值。例如：
```
$('#combobox').combobox('getText');
```

绑定方法

绑定默认值

使用 setValue 方法来设置 Combobox 的默认值。例如：
```
$('#combobox').combobox('setValue', 'default value');
```

绑定数据源并显示

使用 loadData 方法来绑定数据源，并通过 select 方法来显示默认选项。例如：

var data = [{value:1, text:'option1'},{value:2, text:'option2'}];
$('#combobox').combobox('loadData', data);
$('#combobox').combobox('select', data[0].value);

绑定事件

使用 onSelect 方法来绑定选项改变时的事件。例如：

$('#combobox').combobox({
    onSelect:function(record){
        console.log(record.value);
    }
});

示例代码

-- -------------------- ---- -------
--------- -----
------
------
    ----- ----------------
    --------------- ------------
    ----- ---------------- --------------- ------------------------------------------------------
    ----- ---------------- --------------- --------------------------------------------
    ------- ---------------------- --------------------------------------------------
    ------- ---------------------- ---------------------------------------------------------
-------
------
    ------- -----------------------
    ------- -----------------------
        -------------
            --- ---- - ---------- ------------------------- -----------------
            -------------------------
                ----------
                -------------------
                -----------------
                --------------------------
                    --------------------------
                -
            ---
            --------------------------------- ---------------
        ---
    ---------
-------
-------

以上是取值和绑定 Combobox 的方法介绍，希望对您有所帮助。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/880