Home › Forums › JavaScript ›
- This topic is empty.
-
AuthorPosts
-
July 12, 2013 at 2:50 am #46336
james7979
MemberGuys,
I am facing one issue where I want to expand select box only on to the bottom side of the page.
But it looks like it is not possible
e.g. Lets say I have below code.
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 #142455Paulie_D
MemberThis will require a JS solution I feel.
July 12, 2013 at 9:41 am #142481Eric Gregoire
ParticipantNative 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 #142482Paulie_D
MemberActually, I think this is the default behavior in IE10 **only**.
See this discussion which is similar…
https://css-tricks.com/forums/discussion/26741/select-box-issue-with-ie-10#Item_5
July 12, 2013 at 10:00 am #142484Eric Gregoire
ParticipantI 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 #142910james7979
MemberFolks,
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 #142899Paulie_D
Member>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/
-
AuthorPosts
- The forum ‘JavaScript’ is closed to new topics and replies.