Cara mengatasi duplikasi atau pengulangan kata di dropdown dengan javascript

Mengatasi Nilai yang sama di Dropdown atau Select Option HTML  dengan Javascript

Mengatasi duplikasi atau REMOVE DUPLICATE di dropdown ??. Mungkin cukup aneh bagi kita, tapi hal ini biasa sering kita jumpai dan bingung untuk mengatasainya. Ok langsung saja kita praktekkan.

Cara mengatasi duplikasi atau pengulangan kata di dropdown dengan javascript

Untuk penguunan SKRIPT dibawah pastaikan kita terkoneksi internet, untuk bisa menjalankan JQUERY nya atau, bisa download JQUERY  CDN di internet dulu jika koneksi internet tidak stabil.

Kode Opsi Pertama :

<select class="sub_jenis_group">
        <option class="ini-itu">abc</option>
        <option class="ini-itu">abc</option>
        <option class="ini-itu">bcd</option>
        <option class="ini-itu">xyz</option>
        <option class="ini-itu">bcd</option>
        <option class="ini-itu">xyz</option>
        <option class="ini-itu" value="0">dodo</option>
        <option class="ini-itu">dodo</option>
        <option class="ini-itu" value="1">dodo</option>
        <option class="ini-itu" value="2">dodo</option>
 </select> 
 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
 <script type="text/javascript">
  var move = {};
        $(".ini-itu").each(function () {
            if(move[$(this).text()]) {
                $(this).remove();
                console.log('Ada yang itu');
            } else {
                move[$(this).text()] = $(this).val();
                console.log('Ada yang ini');
            }
        });
    </script>

Jika SCKRIP di atas masih kurang pas boleh di coba cara kedua yang ada di bawah..

Kode Opsi Kedua :

<select class="sub_jenis_group_2">         
  <option id="ginjal_ginjal">abc</option>         
  <option id="ginjal_ginjal">abc</option>         
  <option id="ginjal_ginjal">bcd</option>         
  <option id="ginjal_ginjal">xyz</option>         
  <option id="ginjal_ginjal">bcd</option>        
  <option id="ginjal_ginjal">xyz</option>        
  <option id="ginjal_ginjal" value="0">dodo</option>       
  <option id="ginjal_ginjal">dodo</option>        
  <option id="ginjal_ginjal" value="1">dodo</option>       
  <option id="ginjal_ginjal" value="2">dodo</option>  
</select>     
 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>    
 <script type="text/javascript">  
 var usedNames = {};    
 $("select[class='sub_jenis_group_2'] > option").each(function () { 
 if(usedNames[this.text]) {        
  $(this).remove();     
 } else {       
  usedNames[this.text] = this.value;     
 }   
 });  
</script>
 

• remove duplicate dropdown
• remove duplicate option from html
• belajar javascript
• tips dan trik javascript