jQuery Option Select
<p>How could I make the required input text boxes show when the correct drop down item is selected.</p>

<p><strong>Example:</strong></p>

<p>When yes is selected it will ask for the details about the domain.</p>

<pre><code>&lt;label for="domainRequired"&gt;Domain required: &lt;/label&gt;
&lt;select name="domainRequired"&gt;
    &lt;option value="pleaseSelect"&gt;Please Select&lt;/option&gt;
    &lt;option value="yes"&gt;Yes&lt;/option&gt;
    &lt;option value="no"&gt;No&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p><strong>Update:</strong></p>

<p><strong>HTML:</strong></p>

<pre><code>&lt;label for="domainRequired"&gt;Domain required: &lt;/label&gt;
            &lt;select name="domainRequired"&gt;
                &lt;option value="pleaseSelect"&gt;Please Select&lt;/option&gt;
                &lt;option value="yes"&gt;Yes&lt;/option&gt;
                &lt;option value="no"&gt;No&lt;/option&gt;
            &lt;/select&gt;
            &lt;label for="domaintobereged"&gt;Domain:&lt;/label&gt;&lt;input name="domaintobereged" id="domaintobereged" type="text" placeholder="http://"/&gt;
</code></pre>

<p><strong>jQuery:</strong></p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
        $('#domainRequired').change(function() {
            var $domain = $('#domaintobereged');
            if ($(this).val() == 'yes') {
                $domain.show();
            } else {
                $domain.hide();
            }
        });
     });
    &lt;/script&gt;
</code></pre>

<p>I have loaded my jQuery in the footer above the <code>&lt;/body&gt;</code> tag:</p>

<pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script&gt;window.jQuery || document.write('&lt;script src="http://#.co.nz/_assets/js/jquery-1.7.2.min.js"&gt;&lt;\/script&gt;')&lt;/script&gt;
</code></pre>
