Jquery Comobobox 是一個(gè)基于 Jquery UI 的下拉框插件,它允許用戶通過(guò)搜索或者下拉列表的方式選擇數(shù)據(jù),具有非常便捷靈活的操作方式。在實(shí)際開(kāi)發(fā)中,使用 Jquery Combobox 設(shè)值是一個(gè)非常常見(jiàn)的需求。下面我們將介紹如何使用 Combobox 設(shè)值。
$( "#combobox" ).combobox(); $( "#combobox" ).val( "value" ); $( "#combobox" ).combobox( "refresh" );
以上代碼是使用 Combobox 設(shè)值的基本操作。首先必須調(diào)用 Combobox 插件,然后使用 Jquery 的 val() 函數(shù)來(lái)設(shè)定下拉框的值,最后刷新插件使其顯示設(shè)定的值。
$( "#search" ).on( "click", function() { var value = $( "#input" ).val(); $( "#combobox" ).combobox( "value", value ); $( "#combobox" ).combobox( "refresh" ); });
上面的例子是將一個(gè)搜索框的值設(shè)定為 Combobox 的值。當(dāng)我們點(diǎn)擊搜索按鈕時(shí),會(huì)獲取搜索框當(dāng)前的值,然后使用 Combobox 的 value() 函數(shù)將其設(shè)定為 Combobox 的值,最后重新刷新 Combobox 插件使其顯示設(shè)定的值。
總的來(lái)說(shuō),使用 Jquery Combobox 設(shè)值非常的簡(jiǎn)單,只需要通過(guò) val() 函數(shù)或者 value() 函數(shù)設(shè)定 Combobox 的值即可,非常方便。當(dāng)然,在進(jìn)行設(shè)值的同時(shí)要注意及時(shí)刷新 Combobox 插件以保證設(shè)定的值能夠被正確顯示。