Grow your CSS skills. Land your dream job.







Problem:

1) User selects Option Three in the page and once again expands combo box.

2) Here User will see 2 items expanded on top (optionone,optiontwo) and two items at the bottom(optionfour,optionfive)

3) If user selects item “optionfive” all the four items will be shown on the top of the combo box on next expansion.

How to show all the list item on bottom ir respective of whatever is selected.

# July 12, 2013 at 7:27 am

This will require a JS solution I feel.

# July 12, 2013 at 9:41 am

Native select boxes are tough to work with in that way. I’m not really sure what you can all dig into when it comes to select boxes if there’s anything at all. You may have to think outside the [select] box. :)

SelectBoxIt :: http://gregfranko.com/jquery.selectBoxIt.js/ has some neat features that you may find useful. I’m not entirely sure if it will be powerful enough to accomplish what you want to do, but it’s a heck of a lot more flexible.

Otherwise, just search for another JS select box replacement.

# July 12, 2013 at 9:47 am

Actually, I think this is the default behavior in IE10 **only**.

See this discussion which is similar…

http://css-tricks.com/forums/discussion/26741/select-box-issue-with-ie-10#Item_5

# July 12, 2013 at 10:00 am

I totally misread this somehow as a how-to. Yeah, it seems that the select box will be at the mercy of whatever browser it’s being displayed in.

If it’s really a big deal for whatever reason, here’s a reference of the objects and methods you can call to help you formulate your own solution perhaps with the way the indexes are ordered :: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement

# July 15, 2013 at 2:41 am

Folks,

Any easy way to fix this problem. It is kind of looking ugly if combo box has 20+ values.

Any other alternatives.

# July 15, 2013 at 5:08 am

>Any easy way to fix this problem.

Nope…other than a complete “hide the element (display:none) and JS re-write” etc.

http://www.jankoatwarpspeed.com/reinventing-a-drop-down-with-css-and-jquery/

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".