Hi All, 
as you can see i used this code : '<input type="radio" name="type" value="exp"> <label>Bill to Room</label>'+
                                '<select>'+
                                '<option> --- </option>'+
                                '<option> Room 1 </option>'+
                                '<option> Room 2 </option>'+
                                '<option> Room 3 </option>'+
                                '<option> Room 4 </option>'+
                                '<option> Room 5 </option>'+
                                '<option> Room 6 </option>'+
                                
                                  '</select>'+
                                '<input type="radio" name="type" value="fresher"> PAY NOW'+
                                '<br/>'+
                                '<br/>'+
since i have two radio button , and fro this i used the script , this code: $(document).ready(function(){
                  
     $('select').hide();

     $('input').on('change', function(){
      $('select').show();
     })
});
but the thing is , i want when i will click on the first radio button it will populate the dropdown options and onclick of the second radio button it should hide, but its not happening, whenever i click on anyone of the radio button it is showing the dropdown menu , how to restrict that , can anyone share your views based on my coding parts
thanks