javascript - 文本输入值，如选项标签

Question

我不知道如何将其放入上下文中。我真的希望我的代码能够解释这种情况。

<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之类的？这可能吗？

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