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>
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