Home/ Questions/Q 5977253
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T21:20:40+00:00

I have three selects (html drop down lists), all contain the exact same values

  • 0

I have three selects (html drop down lists), all contain the exact same values (except the ids of selects are different).

Now I want to do this:

  • When a user selects some option in the first select the same option is hidden in the other two. This rule applies to other two selects as well.

  • If the option in the second select is changed again then the previously selected option must reappear in the other selects.

I hope I was clear. I know this should probably be solved with javascript but I don’t have enough knowledge of it to write an elegant solution (mine would probably be very long). Can you help me with the this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    $('#selectboxid').hide();

    is the simplest way

    http://api.jquery.com/hide/

    try toggle it it matches your requirement

    http://api.jquery.com/toggle/

    you can call these onchange of the select box

    if you want to hide individual options

    use .addClass and add class to that option to hide it

    http://api.jquery.com/addClass/

    • 0