相关疑难解决方法(0)

如何使数据列表仅从头开始匹配结果

我想在 html 中制作数据列表,这里是示例

<h1>Datalist Demo</h1>
<label for="default">Pick a programming language</label>
<input type="text" id="default" list="languages">
<datalist id="languages">
    <option value="HTML">
    <option value="CSS">
    <option value="JavaScript">
    <option value="Java">
    <option value="Ruby And Go">
    <option value="PHP And HTML">
    <option value="Go">
    <option value="Erlang">
    <option value="Python And C++">
    <option value="C">
    <option value="C#">
    <option value="C++">
</datalist>
Run Code Online (Sandbox Code Playgroud)

但当我搜索“go”时,它显示了 2 个结果

  • Ruby And Go
  • Go

当我搜索“go”时的结果

我希望它只显示与输入文本开头匹配的术语,而不是从内部显示。
就像当我搜索“go”时,只应显示一个结果

  • Go

我必须对 MySQL 中存储的 5000 多条记录实施此操作。

html javascript jquery

8
推荐指数
1
解决办法
4959
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1