How to Remove duplicate dropdown option elements with same value

by

Using .siblings() (to target sibling option elements), and Attribute Equals Selector [attr=""]

$(".select option").each(function() {
  $(this).siblings('[value="'+ this.value +'"]').remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select class="select">
  <option value="">All</option>
  <option value="com">.com 1</option>
  <option value="net">.net 1</option>
  <option value="com">.com 2</option> <!-- will be removed since value is duplicate -->
  <option value="net">.net 2</option> <!-- will be removed since value is duplicate -->
</select>

(works also for multiple .select on the same page)
I added a class .select to the <select> element to be more selector-specific

How it works:
while options are accessed one by one (by .val()) – lookup for .sibling() options that have the same "[value=""+ this.value +""]" and .remove() them.

More Related Contents:

  1. HTML5 required attribute not working
  2. Trigger change event of dropdown
  3. jQuery UI Autocomplete – menu disappears on hover
  4. jQuery serialize / serializeArray from an element that is not a form
  5. Simple jQuery code works fine until site is loaded via https://
  6. Dynamically adding to in jquery mobile
  7. JQuery validation-select required if checkbox checked
  8. jquery vertical mousewheel smooth scrolling
  9. jQuery detecting cookies enabled
  10. jQuery selector where text = some value
  11. How to trigger jquery Resizable resize programmatically?
  12. Generating HTML forms from JSON or XML feed using JQuery
  13. check uncheck All checkboxes with another single checkbox use jquery
  14. How to GET data in Flask from AJAX post
  15. jQuery document ready function
  16. Convert delimited string into hierarchical JSON with JQuery
  17. Does jQuery have a plugin to display a “message bar” like the Twitter “wrong password” bar at the top of screen?
  18. Jquery trigger click not working on safari browsers in mac, Ipad & Iphone
  19. jQuery attribute auto added to elements
  20. Way to trigger multiple keypress and hold events in jQuery
  21. How to upload file with Phonegap and JqueryMobile?
  22. Bootstrap 3.3.6 JQuery 2.2.4 Version Exception
  23. jQuery onchange/onfocus select box to display an image?
  24. How to navigate/focus to the next item in Angular2?
  25. in Jquery how to run code with callback before submit
  26. jQuery: execute array of functions sequentially (both deferreds and non-deferreds)
  27. jQuery – function inside $(document).ready function
  28. Dynamically add item to jQuery Select2 control that uses AJAX
  29. Setting width as a percentage using jQuery
  30. Passing parameters to a page-id in jQuery Mobile

Leave a Comment