gpt4 book ai didi

javascript - 使用对象数组作为源的 JQuery 自动完成的返回值

转载 作者:行者123 更新时间:2023-11-28 01:51:58 24 4
gpt4 key购买 nike

在使用对象数组作为源的 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

关于javascript - 使用对象数组作为源的 JQuery 自动完成的返回值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19598932/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com