JQuery Combobox是一種常用的下拉框組件,它可以很方便地為網(wǎng)頁(yè)添加下拉框。
在使用Combobox的過(guò)程中,我們可能需要向后臺(tái)傳遞一些參數(shù)以獲取相應(yīng)的數(shù)據(jù)。在這種情況下,我們可以對(duì)Combobox進(jìn)行簡(jiǎn)單的配置,以使其支持傳遞參數(shù)。
$( "#combobox" ).combobox({ select: function( event, ui ) { var url = "http://example.com/?q=" + ui.item.value; location.href = url; }, source: function( request, response ) { // 下面是傳遞參數(shù)的部分,我們將參數(shù)值添加到一個(gè)對(duì)象中即可 var params = { term: request.term, category: "books" }; $.getJSON( "http://example.com/search", params, response ); } });
在上面的代碼中,我們定義了一個(gè)Combobox,并設(shè)置了它的select和source屬性。source屬性用于設(shè)置數(shù)據(jù)源,而select屬性用于在選中某項(xiàng)數(shù)據(jù)時(shí)執(zhí)行的動(dòng)作。
在source屬性中,我們使用了jQuery的getJSON函數(shù)來(lái)獲取數(shù)據(jù),并向其中傳遞了一個(gè)參數(shù)對(duì)象。在上述例子中,我們定義了兩個(gè)參數(shù):term和category。其中,term參數(shù)值為用戶在下拉框中輸入的值,而category參數(shù)值則是固定的字符串"books"。
通過(guò)對(duì)Combobox的簡(jiǎn)單配置,我們可以很方便地向后臺(tái)傳遞參數(shù),從而獲取相應(yīng)的數(shù)據(jù)。