Jquery add to dropdown list

Question

I have three dropdown lists. When a selection is made from dropdown list 1, I want to remove that option from the other two. When dropdown list 1 changes it selection, add back the previous and remove the currently selected. This is the following code that I have. I feel I'm close, but still missing something essential.

<script> $(document).ready(function () { $("#option1dropdown").change(function () { $("#option2dropdown").empty(); $("#option3dropdown").empty(); $("#option1dropdown option").each(function(){ if ($("#option1dropdown").val() != this) { $("#option2dropdown").append(this); $("#option3dropdown").append(this); } }); }); }); </script>

Please post a minimal reproducible example in your question, including your HTML. — j08691
– j08691, Commented Apr 14, 2016 at 19:11

Steve0 · Accepted Answer · 2016-04-14 19:12:01Z

Append will move, not copy the element in question. You should also double check your comparison within the if.

$(function () { $("#option1dropdown").change(function () { $("#option2dropdown").empty(); $("#option3dropdown").empty(); $("#option1dropdown option").each(function(idx, item){ if ($("#option1dropdown").val() != $(item).val()) { $("#option2dropdown").append($(item).clone()); $("#option3dropdown").append($(item).clone()); } }); }); });

https://jsfiddle.net/egeLh428/

Collectives™ on Stack Overflow

Jquery add to dropdown list

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related