title: How to display dropdown list when clicking radio button?
body: <p>I've tried to call this function but it don't seem to work. Can anyone help me to see if what is wrong with my codes? Any help will be greatly appreciated.</p>
  
  <p>This is my code for my radio button:</p>
  
  <pre><code>    &lt;input type="radio" name="radioFrequency" onclick="myMth()" id="radioFrequency-0" value="Monthly (once a month)" /&gt;
  </code></pre>
  
  <p>This is my code for my dropdownlist</p>
  
  <pre><code>    &lt;div class="control-group" &lt;%--style="display:none;"--%&gt;&gt;
    &lt;label class="control-label" for="ddlMth"&gt;Withdrawal Day&lt;/label&gt;
    &lt;div class="controls"&gt;
      &lt;select id="ddlMth" name="ddlMth" class="input-large"&gt;
        &lt;option&gt;Select day&lt;/option&gt;
        &lt;option&gt;1&lt;/option&gt;
        &lt;option&gt;2&lt;/option&gt;
        &lt;option&gt;3&lt;/option&gt;
        &lt;option&gt;4&lt;/option&gt;
        &lt;option&gt;5&lt;/option&gt;
        &lt;option&gt;6&lt;/option&gt;
        &lt;option&gt;7&lt;/option&gt;
        &lt;option&gt;8&lt;/option&gt;
        &lt;option&gt;9&lt;/option&gt;
        &lt;option&gt;10&lt;/option&gt;
        &lt;option&gt;11&lt;/option&gt;
        &lt;option&gt;12&lt;/option&gt;
        &lt;option&gt;13&lt;/option&gt;
        &lt;option&gt;14&lt;/option&gt;
        &lt;option&gt;15&lt;/option&gt;
        &lt;option&gt;16&lt;/option&gt;
        &lt;option&gt;17&lt;/option&gt;
        &lt;option&gt;18&lt;/option&gt;
        &lt;option&gt;19&lt;/option&gt;
        &lt;option&gt;20&lt;/option&gt;
        &lt;option&gt;21&lt;/option&gt;
        &lt;option&gt;22&lt;/option&gt;
        &lt;option&gt;23&lt;/option&gt;
        &lt;option&gt;24&lt;/option&gt;
        &lt;option&gt;25&lt;/option&gt;
        &lt;option&gt;26&lt;/option&gt;
        &lt;option&gt;27&lt;/option&gt;
        &lt;option&gt;28&lt;/option&gt;
        &lt;option&gt;29&lt;/option&gt;
        &lt;option&gt;30&lt;/option&gt;
        &lt;option&gt;31&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my js code to call the function:</p>
  
  <pre><code>&lt;script&gt;
          function myMth() {
              $("input[type='radio']").change(function() {
  
                  if ($(this).val() == "Monthly (once a month)") {
                      $("#ddlMth").show();
                  }
          else {
                      $("#ddlMth").hide();
          }
              });
              }
  
      &lt;/script&gt;
  </code></pre>