jcadima
12/22/2015 - 9:03 PM

Show dropdown on radio button select

Show dropdown on radio button select


http://jsfiddle.net/AVFuY/3/

<p class="help">Selection:</p>
  <div id='buttons'>
    <label><input type="radio" name="select" id="option1" /> Option 1 </label>
    <label><input type="radio" name="select" id="option2" /> Option 2</label>
    <label><input type="radio" name="select" id="option3" /> Option 3</label>
  </div>
  <div id="list">
    <label>Please Select From the List: 
      <select id="mySelect">
        <option>True</option>
        <option>False</option>
      </select>
    </label>
  </div>
  
  
  JS:
  $(document).ready(function() {
        $("#option1, #option2, #option3").click(
            function()
            {
                // hide dropdown only on option 3
                if (this.id == "option3")
                    $("#mySelect").hide();
                else
                    $("#mySelect").show();
            });
    });