html-select

Can I have a two line text in an html select option? How? No, browsers don't provide this formatting option. You could probably fake it with some checkboxes with <label> s, and JS to turn it into a fly out menu. I know this is an older post, but I'm leaving this for whomever else comes looking in the future. You can't format line breaks into an option; however, you can use the title attibute to give a mouse-over tooltip to give the full info. Use a short descriptor in the option text and give the full skinny in the title. <option value="1" title="This is my lengthy explanation of what this

The code: var newSelect=document.createElement('select'); index=0; var optn = document.createElement("option"); //langArray is an array that contains different items..the size //is not fixed for this array. for(element in langArray) { //Now i want to assign each item in langArray to each option tag //will it be sumthng like "optn.options[index]=new Option("Sports", "sportsvalue", true, false); //optn.accept(langArray[0]); index++; } I'm trying to get options populated by this way but its not coming all right as I don't know how to populate the options from an array in JS. Do I even have to use

My code works in IE but breaks in Safari, Firefox, and Opera. (big surprise) document.getElementById("DropList").options.length=0; After searching, I've learned that it's the length=0 that it doesn't like. I've tried ...options=null and var clear=0; ...length=clear with the same result. I am doing this to multiple objects at a time, so I am looking for some lightweight JS code. Nick Craver You can use the following to clear all the elements. Note that var select = document.getElementById("DropList"); var length = select.options.length; for (i = 0; i < length; i++) { select.options[i] = null; }

I have a select form field that I want to mark as "readonly", as in the user cannot modify the value, but the value is still submitted with the form. Using the disabled attribute prevents the user from changing the value, but does not submit the value with the form. The readonly attribute is only available for input and textarea fields, but that's basically what I want. Is there any way to get that working? Two possibilities I'm considering include: Instead of disabling the select , disable all of the option s and use CSS to gray out the select so it looks like its disabled. Add a click event

How do I change the highlighting color of <select> that is the color that highlights <li> while cursor passes over it by using CSS? No idea what you mean about "the color that highlights <li> ", but it sounds like you want to change the background colour of <option> elements. I tried it and it doesn't work, you always get the system color. If you wanted to highlight the entire <select> element on mouseover, this kinda works: select:hover { background-color: red; } However the behaviour is different in different browsers. For example, Chrome doesn't highlight the options in the drop down;