JQuery Combobox是一款非常方便的插件,可以實現(xiàn)輸入框自動完成功能。同時,它還支持傳值功能,可以讓我們更加方便的處理用戶輸入的數(shù)據(jù)。
$(selector).combobox({ select: function(event, ui) { var value = ui.item.value; //傳值操作 } });
以上代碼中,我們通過在combobox方法中傳入一個select事件處理函數(shù),來捕獲用戶選擇一個選項時的事件。在函數(shù)中,我們可以通過ui.item.value獲取到用戶選擇的值,并進行傳值操作。
例如,在傳統(tǒng)的表單提交中,我們需要將用戶選擇的值通過一個隱藏的input字段傳遞給服務(wù)器:
<input type="hidden" name="selected" value=""> <input type="text" id="myInput"> $(document).ready(function() { $('#myInput').combobox({ select: function(event, ui) { var value = ui.item.value; $('input[name=selected]').val(value); } }); });
以上代碼中,我們在選擇事件處理函數(shù)中獲取到用戶選擇的值,并將其賦值給名為selected的input字段的value屬性,以便于在表單提交時一并傳遞給服務(wù)器。
總的來說,JQuery Combobox非常方便易用,而且它的傳值功能也大大簡化了表單數(shù)據(jù)處理的過程。相信對于web開發(fā)者來說是一個不錯的選擇。