For XHTML Strict, what is the alternative for SELECT in forms?

[TheBrownRecluse]

I have these lines of code here:

<input type="hidden" name="cPath" value="71_107" />
<input type="hidden" name="sort" value="3a" />

<form action="../index.php" method="get" id="filter">
<select name="filter_id" onchange="this.form.submit()">
<option value="" selected="selected">All Manufacturers</option>
<option value="81">Daewoo</option>
<option value="18">Haier America Trading</option>
</select>
</form>

The select element is the only element that is giving me trouble. I'm trying to find on the internet what would be an alternative, if there is one. as you can see, the select onchange is javascript, and I don't know if removing it would be wise. Can I just simply move the select ame and onchange elsewhere, or what?

I've looked over the internet and have yet to find an answer that addresses my problem.

here is a clue as to what's going on from teh validator itself.

Line 249, Column 67: document type does not allow element "select" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag.
…ect name="filter_id" onchange="this.form.submit()">

Thank you

-Clif

[wige]

As it says in the validator message, you need a container for the select element, such as a <p> tag, because select is considered an inline element. Almost all form elements now need to be contained in a block level element, as form is no longer considered as a block level element.

<form action="../index.php" method="get" id="filter">
<p>
   <select name="filter_id" onchange="this.form.submit()">
      <option value="" selected="selected">All Manufacturers</option>
      <option value="81">Daewoo</option>
      <option value="18">Haier America Trading</option>
   </select>
</p>
</form>

[TheBrownRecluse]

Thank you very much. I guess it was one of those CSS fundamentals that I've overlooked, because I couldn't find it on the W3C.

THank you