Autocomplete by the first letter on PURE JavaScript

Question

Is there some way to make autocompleting by the first letter for select dropdown list not on jQuery but on PURE JavaScript? Something like [only example !!!]:

<input type="text" onkeyup="autoComplete();" />
<select id="mySelectDropdwonList">
  <option>John</option>
  <option>Michael</option>
  <option>Toml</option>
</select>

<script type="text/javascript">
function autoComplete() {
  // what is the code ??
}
</script>

It should work like the jQuery-solution by the link http://harvesthq.github.io/chosen/ but on pure JS

You have put 0 effort into trying to come up with a solution yourself and have not described what you expect to happen. Perhaps google how auto-complete works first before begging someone to do it for you. — Preston S, Oct 08 '15 at 20:41
question is sadly lacking in enough detail to even know what it is supposed to do. A mousedown on a select won't do anything for you — charlietfl, Oct 08 '15 at 20:42
So basically you want a combobox in Javascript instead of jQuery? — MortenMoulder, Oct 08 '15 at 20:43
Start by inspecting the live html that the plugin creates. If that's what you want to do...follow their example and add event handlers after — charlietfl, Oct 08 '15 at 20:44

score 6 · Answer 1 · answered Oct 08 '15 at 20:44

6

A solution just in HTML5:

<input type="text" list="mySelectDropdwonList" />
<datalist id="mySelectDropdwonList">
    <option>John</option>
    <option>Michael</option>
    <option>Toml</option>
</datalist>

answered Oct 08 '15 at 20:44

Nina Scholz

376,160
25
347
392

Thanks, you're the only one who really read the question – stckvrw Oct 08 '15 at 20:46
maybe an other answer of me is enlighten you too: http://stackoverflow.com/questions/29154877/use-html5-datalist-autocomplete-with-contains-approach-not-just-starts-wit/32394157#32394157 – Nina Scholz Oct 08 '15 at 20:51

Autocomplete by the first letter on PURE JavaScript

1 Answers1