How to disable a select box not inside a form?
<p>I can't seem to be able to disable a select box when the select tag is not nested inside a form tag.  Some things I tried are (using Firefox 3):
(via Jquery)</p>

<pre><code>$("#mySelect").attr("disabled", true);
$("#mySelect").attr("disabled", "disabled");
</code></pre>

<p>(also)</p>

<pre><code>document.getElementById('mySelect').disabled = true;
document.getElementById('mySelect').disabled = true;
</code></pre>

<p>Here is the HTML:</p>

<pre><code>&lt;select id="mySelect" onchange="updateChoice();"&gt;
&lt;option value="1"&gt;First&lt;/option&gt;
&lt;option value="2" selected=""&gt;Second&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Must I have this select box inside a form element?</p>
