javascript - 文本输入值,如选项标签
问题描述
我不知道如何把它放到上下文中。我真的希望我的代码能解释这种情况。
<script>
$( function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
} );
</script>
<fieldset>
<span>
<label>Auto Complete</label>
<input type="text" id="tags" name="text" value=""/>
</span>
</fieldset>
如何使文本输入显示来自js的完整选项,但值只有id1,id2,id3?可能吗?
解决方案
<input list="tag">
<datalist id="tag">
<option value="ActionScript">
<option value="AppleScript">
<option value="Asp">
<option value="BASIC">
<option value="C">
<option value="C++">
<option value="Clojure">
<option value="COBOL">
<option value="ColdFusion">
<option value="Erlang">
<option value="Etc.">
</datalist>
推荐阅读
- node.js - 如何在 nodejs 请求中禁用 Tls 1.3
- reactjs - 如何在 React JS 上以网格的方式显示数据?
- android - 当特定应用程序不在他的设备中时,当我们单击与whatsapp共享的应用程序链接时,如何将用户重定向到播放商店
- pandas - 通过 datetime/pandas 函数运行 pyspark 日期列
- r - 使用ggplot在甘特图中滚动条和格式
- azure-devops - 为 Azure API 管理 (APIM) 设置 CI/CD 管道
- akeneo - Akeneo 导入失败,无法读取或上传文件?
- excel - 更改第二个和以下重复项的值
- java - Junit 5,Mockito,构造函数不初始化值
- php - 如何使用 OOPS 在 php 中使用自定义消息处理 mysql 连接错误