使用对象数组作为其源的 JQuery 自动完成的返回值
Return value of a JQuery autocomplete using an array of objects as its source
在使用对象数组作为其源的 JQuery 自动完成中,我可以在 INPUT 中显示标签并在以后访问该值吗?默认行为是选择后,该值将显示在 INPUT 中。在这种情况下,值表示表中行中唯一键的索引。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>autocomplete demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<body>
<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete">
<script>
$( "#autocomplete" ).autocomplete({
source: [ { label:"c++", value:1 }, { label: "java", value:2 }, { label: "javascript", value:3 } ]
});
</script>
</body>
</html>
通过所选标签设置输入的值以显示标签而不是其值
$( "#autocomplete" ).val( ui.item.label );
在输入中添加数据属性
<input id="autocomplete" data-value>
并存储所选值
$( "#autocomplete" ).attr("data-value",ui.item.value);
这是JSFiddle
相关文章:
- 使用filedownload jquery插件处理FilePathResult返回值
- 将ActiveXObject返回值转换为JQuery Object以处理XML
- jquery csv函数,如何返回值
- jQuery 函数不返回值
- jQuery 延迟的 AJAX 调用返回值
- 如何获取 jQuery 回调触发返回值
- 从ID Jquery类获取返回值时出现问题
- 已构建jQuery扩展,但不允许最大返回值
- IE使用类jquery返回相同的最后一个单选按钮值
- jQuery deferred:用于延迟函数的返回,直到函数内的异步调用完成+获取返回值
- 如何使用Ajax内部调用JQuery在函数中获取返回值
- jQuery的返回值是Array,但构造函数是Object.如何
- 日期选取器未在 jquery UI 中返回值
- 我可以在 jquery 中对函数循环使用相同的返回值吗?
- JQuery 打开弹出窗口并从单击的链接返回值
- 获取 jQuery get().done() 函数的返回值
- 无法在 jQuery 中获取 Rails 返回值
- 使用对象数组作为其源的 JQuery 自动完成的返回值
- 如何在 .ajax jquery 中从 php 文件返回值
- 如何改变html文本从jQuery返回值