Home/ Questions/Q 6036677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T05:57:36+00:00

Possible Duplicate: jQuery disable SELECT options based on Radio selected (Need support for all

  • 0

Possible Duplicate:
jQuery disable SELECT options based on Radio selected (Need support for all browsers)

I have two radio buttons 

<html>
<input type="radio" class="status" name="status" checked="checked"   value="New" />New
<input type="radio" class="status" name="status"  value="Used" />Used

<select id="Insurance_type">
    <option>Home Used Insurance1</option>
    <option>Home New Insurance1</option>
 <option>Home Used Insurance2</option>
    <option>Home New Insurance2</option>

</select>
</html>

I need a Jquery script when I choose the New radio button, that will filter the drop down list. That I’ll have only the new Insurance type.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    for new button add id to this radio button- 

    <input type="radio" class="status" name="status" checked="checked" id="new"  value="New" />New    


$('#new).click(function(){   
     $('#Insurance_type option').each(function(i, option){
        if($(option).text().indexOf('new Insurance') < 0){
             $(option).remove();
        }

   })

});

    do it for other radio buttons.
    not tested, but i think this should work.

    • 0