文本输入值，如选项标签答案

【问题标题】：Text input value like option tag文本输入值，如选项标签
【发布时间】：2018-06-05 04:31:38
【问题描述】：

我不知道如何把它放到上下文中。我真的希望我的代码能解释这种情况。

<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？有可能吗？

【问题讨论】：

你是什么意思：'但值只有id1，id2，id3？'？
您在这里遇到什么问题或错误？
如果您想显示一个文本，但将不同的值传递给服务器，那么我想您应该使用select 标签而不是text input。查看 select2 或 selected 之类的库
改为创建一个对象数组。

标签： javascript php jquery html

【解决方案1】：

    <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>

【讨论】：