CODEWITHSUNDEEP
htmlcss
jamescadigan22
jamescadigan22

Reputation: 1

Adding a Scroll-down Feature to Select Box Options using only CSS and HTML

There are enough options within the select menu that is too large to fit all the on the page. How can I make the scroll down menu within the select box so it scrolls when it runs out of space?

<form>
     <ul>
        <li id="snow_filter">
           <label>Enter Resort</label> <br>
           <input class="snow_scroll" id="resort" type="text" list="resortname">
           <datalist id="resortname">
              <option value="Resort1">
              <option value="Resort2">
              <option value="Resort3"> 
              <option value="Resort4">     
              ...
              <option value="Resort66">  
            </datalist>

I am using a form with a submit button (not shown). I am mostly familiar with HTML and CSS, so I would appreciate a solution using those languages.

Upvotes: 0

Views: 116

Answers (1)

Azer8
Azer8

Reputation: 559

if you want only to use html and css use this to wrap all the options in <select></select> like this:

  <select>
        <datalist id="resortname">
              <option value="Resort1">
              <option value="Resort2">
              <option value="Resort3"> 
              <option value="Resort4">     
              <option value="Resort66">  
        </datalist> 
   </select>

Upvotes: 1

Related Questions