0
179
Vistasel elemento de selección de clon y las opciones seleccionadas están deshabilitadas
el escenario es cuando todas las opciones seleccionadas están ahí. entonces, la opción está deshabilitada. pero cuando clono, seleccione las opciones y luego las deshabilite para que no se muestren en las opciones.
en la imagen de arriba opciones deshabilitadas.
si agrego el botón de opción de selección de clones, entonces la opción aland isands id habilitar
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <select data-placeholder="Choose a Country..." class="select_" id="select_cn" tabindex="1"> <option value=""></option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Aland Islands">Aland Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> </select> <div class="apnd"></div> <button class="clon"> BTN </button> <script> $('body').on('click', '.clon', function () { $('#select_cn').clone().insertBefore('.apnd') }) $(document).ready(function () { $(".select_").change(function () { var value = $(this); var prevVal = value.data("prev"); var otherSelects = $(".select_").not(this); otherSelects.find('option[value="' + $(this).val() + '"]').attr('disabled', true); if (prevVal) { otherSelects.find('option[value="' + prevVal + '"]').attr('disabled', false); } value.data("prev", value.val()); }); }); </script> </body> </html>islas de aland
·
Juan Pablo Isaza
Responde la pregunta