html-select

Solve the IE select overlap bug

When using IE, you cannot put an absolutely positioned div over a select input element. That's because the select element is considered an ActiveX object and is on top of every HTML element in the page. I already saw people hiding selects when opening a popup div, that leads to pretty bad user experience having controls disappearing. F...

How do I put a space character before option text in a HTML select element?

In a drop down list, I need to add spaces in front of the options in the list. I am trying <select> <option>&#32;&#32;Sample</option> </select> for adding two spaces but it displays no spaces. How can I add spaces before option texts? ...

HTML Select Tag with black background - dropdown triangle is invisible in Firefox 3

I have the following HTML (note the CSS making the background black and text white) <html> <select id="opts" style="background-color: black; color: white;"> <option>first</option> <option>second</option> </select> </html> Safari is smart enough to make the small triangle that appears to the right of the text the same colo...

Is there a max number of options (values) in HTML drop down control?

Does anyone know how many options a drop down list can have? Is it unlimited? How many before performance degrades? ...

Is there any way to repopulate an Html Select's Options without firing the Change event (using jQuery)?

I have multiple selects: <select id="one"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select> <select id="two"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select> What I want is to select "one" from the first select,...

What is the most efficient way to sort an Html Select's Options by value, while preserving the currently selected item?

I have jQuery but I'm not sure if it has any built-in sorting helpers. I could make a 2d array of each item's text, value, and selected properties, but I don't think that javascript's built in Array.sort() would work correctly. ...

AJAX Dropdowns (HTML Select) in Firefox with JQuery

Help! I am using JQuery to make an AJAX call to fill in a drop-down dynamically given the user's previous input (from another drop-down, that is filled server-side). In all other browsers aside from Firefox (IE6/7, Opera, Safari), my append call actually appends the information below my existing option - "Select An ". But in Firefox, it ...

JQuery create select list options from JSON, not happening as advertised?

How come this doesn't work (operating on an empty select list <select id="requestTypes"></select> $(function() { $.getJSON("/RequestX/GetRequestTypes/", showRequestTypes); } ); function showRequestTypes(data, textStatus) { $.each(data, function() { var option = new Option(thi...

How to correctly add a <select> to a page with jquery and let the change event work?

I've currently got multiple select's on a page that are added dynamically with ajax calls using jquery. The problem I've had is I could not get the change event to work on the added select unless I use the onchange inside the tag e.g. <select id="Size" size="1" onchange="onChange(this);"> This works, but I'm wondering if there's a w...

Check if option is selected with jQuery, if not select a default

Using jQuery, how do you check if there is an option selected in a select menu, and if not, assign one of the options as selected. (The select is generated with a maze of PHP functions in an app I just inherited, so this is a quick fix while I get my head around those :) ...

Bulk Row Transfer between Oracle Databases with a Select Filter

Basically, I'm trying to selectively copy a table from one database to another. I have two different [Oracle] databases (e.g., running on different hosts) with the same schema. I'm interested in a efficient way to load Table A in DB1 with the result of running a select on Table A in DB2. I'm using JDBC, if that's relevant. ...

What descriptive variable name can I use here?

I'm creating a custom Java Struts tag that is for building and formatting an html select box in a standardised way (part of our usability guidelines). Each select box has an additional/initial value which describes the requirement of the value returned by the select element, i.e.: Mandatory - with the label "Please Select" Optional - ...

Many people don't know how to multi-select items in a HTML <select> control, so...?

I know many people who use computers every day, who do not know how to select multiple items in a HTML select box/list. I don't want to use this control in my pages any more: Please pick 3 options: <select name="categories" size="10" multiple="yes"> So what user-friendly alternatives do you suggest? Perhaps have 10 tickboxes...or mayb...

Drop Down List Issue

Hi all, I’m having an issue where a drop down list in IE 6/7 is behaving as such: You can see that the drop down width is not wide enough to display the whole text without expanding the overall drop down list. However in Firefox, there is no issue as it expands the width accordingly. This is the behaviour we want in IE 6/7: We’ve...

HTML <select> what is the name of on select event?

Does the HTML "select" element have an on select event? what exactly is the name of the event? ...

selected entry with a drop down menu in php

I have this drop down list, displaying all the files from a folder, one of which will be selected for use. Is there a way to show which file is selected when you load the page? at the moment it says "select a file" every time. <select name="image" type="text" class="box" id="image" value="<?=$image;?>"> <option value='empty'>Select a fi...

How to update HTML "select" box dynamically in IE

I've got an HTML "select" element which I'm updating dynamically with code something like this: var selector = document.getElementById('selectorId'); for (var i = 0; i < data.length; ++i) { var opt = document.createElement('option'); opt.value = data[i].id; opt.text = data[i].name; selector.appendChild(opt); } Works fine i...

How to expand 'select' option width after the user wants to select an option.

Maybe this is an easy question, maybe not. I have a select box where I hardcode with width. Say 120px. ABC REALLY LONG TEXT, REALLY LONG TEXT, REALLY LONG TEXT I want to be able to show the second option so that the user can see the full length of the text. Like everything else. This works fine in Firefox, but doesn't work wit...

Variable (dynamic) OPTION lists in HTML SELECT using IE

I'm trying to implement a dynamic OPTION list in JavaScript. Depending on other selections in the web form, some of the OPTIONS in a specific SELECT are not valid. Things I've tried that don't work in IE are: populate all options, then set the disabled property for those that are invalid populate all options and use option groups, t...

Is there a fully-functional dropdown replacement for HTML SELECT that works in IE?

We determined in a previous question that many features of HTML SELECTs are not supported in IE. Is there an alternative widget that you would recommend from your experience that meets the following requirements? Respects the contentEditable property (does not allow selection changes if true) Respects the disabled property of individu...