Manually type in a value in a "Select" / Drop-down HTML list?

javascript html select drop-down-menu
Pretzel picture Pretzel · Dec 13, 2010 · Viewed 120.3k times · Source

In a Windows Forms application, a drop-down selector list also gives the user the option of typing an alternate value into that same field (assuming the developer has left this option enabled on the control.)

How does one accomplish this in HTML? It appears as if it is only possible to select values from the list.

If it's not possible to do this with straight HTML, is there a way to do this with Javascript?

Answer

Pottsy picture Pottsy · Dec 16, 2015

It can be done now with HTML5

See this post here HTML select form with option to enter custom value

<input type="text" list="cars" />
<datalist id="cars">
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</datalist>

Related questions

Links in <select> dropdown options

Is it possible for each dropdown options to link somewhere when selected without the need for an external button? <select> <option value="x">x</option> <option value="y">y</option> &…

Read More
Can I apply the required attribute to <select> fields in HTML5?

How can I check if a user has selected something from a <select> field in HTML5? I see <select> doesn't support the new required attribute... do I have to use JavaScript then? Or is there something …

Read More
create unique id with javascript

I have a form where a user can add multiple select boxes for multiple cities. The problem is that each newly generated select box needs to have a unique id. Can this be done is JavaScript? UPDATE: here is the …

Read More