jquery自动完成获取所选项目文本
jquery autocomplete get selected item text
我想知道如何在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-选择转到选项卡"事件",然后选择事件"选择"
// 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()
相关文章:
- 在BootStrap菜单栏中为所选项目设置背景,类似于BootStrap中的父导航选项
- jQuery:根据select选项中的每页项目进行分页
- 更新:仅根据单选按钮和所选选项选择特定项目
- HTML选择,在DOM中选择了正确的选项,但在firefox中显示了错误的项目
- 如何在angular js中的select选项中获取所选项目id
- 如何将一个表单中的项目添加到 Rails 中另一个表单的下拉选项
- 当表单控件选项具有多个参数时,如何在组合框中填充所选项目
- 通过单击按钮将选项卡(项目)添加到选项卡面板,扩展
- 如何将此选项添加到此图像选取器项目中
- 更新“项目”选项以进行排序
- 在呈现项目后,挖空选择绑定回调的选项
- 在单击选项卡式项目时隐藏和创建另一个对象 - HTML CSS
- 使用表排序器筛选所选选项列表中的选定项目
- jQuery 在选项列表中重新填充所选项目
- 将项目插入活动选项卡窗格
- Microsoft Dynamics Online:将所有选项集项目复制到多行文本字段(使用 JavaScript)
- 在选择选项中选择多个项目,而不使用“Ctrl”键
- jQuery Mobile,在选项列表中选择所有项目
- 从下拉列表中选择项目后,显示新选项并显示文本
- 如何在浏览器窗口/选项卡关闭时删除本地存储项目