sopranolv Posted February 6, 2015 Share Posted February 6, 2015 Hello I have one problem,don't work select with this work's fine <select name="age" > <option value="18">18</option> <option value="19">19</option> </select> I have problem with this,how make to to function this code <div class='selectBox'> <span class='selected'></span> <span class='selectArrow'>▼</span> <div class="selectOptions" > <span class="selectOption" value="Option 1">Option 1</span> <span class="selectOption" value="Option 2">Option 2</span> <span class="selectOption" value="Option 3">Option 3</span> </div> </div> I hope that in the right section Quote Link to comment Share on other sites More sharing options...
kicken Posted February 7, 2015 Share Posted February 7, 2015 If you want to try and re-implement a select box then you'll have to use Javascript to actually make it functional. You cannot re-create a working select box using just HTML and CSS. What exactly are you trying to accomplish? Quote Link to comment Share on other sites More sharing options...
sopranolv Posted February 7, 2015 Author Share Posted February 7, 2015 i have javascript with second form dont import select data in db but first form work's fine Quote Link to comment Share on other sites More sharing options...
brotherZ Posted February 12, 2015 Share Posted February 12, 2015 I can't use the span tag in your form. You have to use the <select> and <option> tags. I would do this: <select name="age" class='selected'> <option value="18">18</option> <option value="19">19</option> </select> Quote Link to comment Share on other sites More sharing options...
Cherry_Wang Posted February 26, 2015 Share Posted February 26, 2015 <div class='selectBox'> <span class='selected'></span> <span class='selectArrow'>▼</span> <div class="selectOptions" > <select name="Option" > <span class="selectOption"><option value="Option 1">Option 1</option></span> <span class="selectOption"><option value="Option 2">Option 2</option></span> <span class="selectOption"><option value="Option 3">Option 3</option></span> </select> </div> </div> Quote Link to comment Share on other sites More sharing options...
jeffreyappel Posted March 8, 2015 Share Posted March 8, 2015 This is another version i proposed: <!DOCTYPE html> <html lang="en"> <head></head> <body> <select name="age" > <option value="18">18</option> <option value="19">19</option> </select> <div class='selectBox' style="padding:5px;"> <span class='Arrow'>▼</span> <select name="Option" > <span class="selectOption"><option value="Option 1">Option 1</option></span> <span class="selectOption"><option value="Option 2">Option 2</option></span> <span class="selectOption"><option value="Option 3">Option 3</option></span> </select> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
asianmartt Posted June 24, 2015 Share Posted June 24, 2015 <form class="demo"> <select> <option>CSS</option> <option>HTML </option> <option>HTML 5</option> </select> <select class="balck"> <option>CSS</option> <option>HTML </option> <option>HTML 5</option> </select> <select class="option3"> <option>CSS</option> <option>HTML </option> <option>HTML 5</option> </select></form> Quote Link to comment Share on other sites More sharing options...
asianmartt Posted June 24, 2015 Share Posted June 24, 2015 (edited) I used this code it works.... Edited June 24, 2015 by asianmartt Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.