javascript - Make input tag into a drop down list - Stack Overflow

admin管理员组

文章数量:1345290

I am trying to make an input tag have a selection of events when I click on it.

It would look something like this? :

<input type="text"/>
<select name="Expiration Month">
<option value="January">January</option>
....
</select>

What I want the image to look like is this.

I am trying to make an input tag have a selection of events when I click on it.

It would look something like this? :

<input type="text"/>
<select name="Expiration Month">
<option value="January">January</option>
....
</select>

What I want the image to look like is this.

• javascript
• html
• css
• drop-down-menu

Share Improve this question Follow asked Jan 15, 2015 at 19:57 ajl123ajl123 1,27266 gold badges2020 silver badges4343 bronze badges 4

• What's the idea of this? Anyway, this is not possible, input is an empty element, and it can't have HTML. – Teemu Commented Jan 15, 2015 at 19:59
• You'll probably have to simulate that with some javascript and divs. Or use a toolkit that supports this, I think the jQuery UI had something like that – MightyPork Commented Jan 15, 2015 at 19:59
• Are you looking for an actual input with a dropdown? or are you looking to style your select to look like your inputs? – user4433897 Commented Jan 15, 2015 at 20:14
• I want my input to have a dropdown menu of options for months: e.g. jan, feb, march, etc. But I'm looking at javascript/jquery now because I can't find anything using CSS – ajl123 Commented Jan 15, 2015 at 21:44

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Hope this helps!

<form method="post">
  <input list="browsers">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist> 
</form>

There are many JS libraries which will help you with the JavaScript and CSS that you need. As an example if you are using JQuery you can use JQuery UI to do what you want.

For more information go to http://jqueryui./autoplete/#bobox

本文标签： javascriptMake input tag into a drop down listStack Overflow