Can I have a <DIV> within an HTML <SELECT> tag?
e.g.:
<select tabindex="2" name="agegrp" id="agegrp" >
<div>
<option value="-1">No preference</option>
</div>
</select>
From the specification:
<!ELEMENT SELECT - - (OPTGROUP|OPTION)+ -- option selector -->
i.e. There is an element called "SELECT", the start tag is required, the end tag is required. It's children can be OPTGROUP elements and/or OPTION elements and there must be at least one of them.
Since a DIV is not an OPTGROUP or an OPTION, the answer is no.
No. Nope. Niet.
No. And there is no reason to.
No, but you may be interested in the optgroup element. Be aware that its appearance tends to vary a lot across different browsers before you start building designs around it though.
While you can generate any crazy HTML you want, that is not a recommended use of DIV. What is the problem you are trying to solve by introducing the DIV?
Perhaps you are unaware of the OPTGROUP tag?
The tag is used to group together related options in a select list.
If you have a long list of options, groups of related options are easier to handle for the user.
I can't see any need to do so. Are you trying to change the appearance one option in the list element?
As everyone has stated there would be no need to do a div within a select list. if you need to individually move list elements in a form id suggest using radio buttons.
as far as i understand, you can only have "option" elements within a "select" element.
来源：https://stackoverflow.com/questions/1499216/div-and-select-tags