jquery autocomplete获取所选项目文本
我想知道如何在jquery自动完成上获取所选项目的文本值。
我初始化了jquery如下:
$(document).ready(function (){ $("input#autocomplete").autocomplete({ source: postcodelist, select: function (event, ui) { AutoCompleteSelectHandler(event, ui) } }); });
我创建了一个函数函数AutoCompleteSelectHandler(event,ui){}。
在这个函数里面我想要一些额外的处理来将数据提供到正确的文本框中,但我无法弄清楚如何获取所选项目的文本值。
我做了一些谷歌尝试的例子,但我似乎无法让它工作。
任何帮助都感激不尽。
非常感谢。
ui
参数具有包含所选文本的item
属性
function AutoCompleteSelectHandler(event, ui) { var selectedObj = ui.item; alert(selectedObj.value); }
来源: http : //jqueryui.com/demos/autocomplete/#event-select转到标签“事件”,然后选择事件“选择”
// list of clients $( "#client" ).autocomplete({ source: "lib/getClientList.php", minLength: 2, select: function(event, ui) { alert(ui.item.value); } })
;
ui.item.value是jquery用于为输入赋值的引用
您不需要将匿名函数作为包裹应用,您可以直接传递函数ref。
$(document).ready(function (){ $("input#autocomplete").autocomplete({ source: postcodelist, select: AutoCompleteSelectHandler }); });
在该方法中,您可以访问this
或event.target
以获取当前值,两个值都引用输入元素:
function AutoCompleteSelectHandler(event, ui) { alert( $(event.target).val() ); alert( $(this).val() ); // alert( this.value ); }
您只需从输入中获取值,就像用户在自己中键入它一样:
$('input#autocomplete').val()