CODEWITHSUNDEEP
javascriptjqueryhtmljquery-mobile
Daniel Vaca
Daniel Vaca

Reputation: 127

How to make mobile <select> allow typing an option instead of selecting one.

Suppose I have a the following selection options:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

On a PC I can select "audi" by typing "a". But on a mobile device I have to scroll and select "audi". Is there a way to make mobile devices use a qwerty keyboard instead of a scroll list?

Upvotes: 0

Views: 161

Answers (1)

Pranesh Ravi
Pranesh Ravi

Reputation: 19113

That is not possible. Instead, you can use autocomplete from jQuery UI to achieve the same.

Try this https://jqueryui.com/autocomplete/

[EDIT] <Datalist> is also there. But, trust me, it is real slow for larger list of options.

Upvotes: 4

Related Questions