Sucede lo siguiente, tengo un formulario de pagos el cual carga los inputs mediante una peticion ajax para traer los datos del usuario y pagos pendientes, en el caso del pago de mensualidades encontre este ejemplo por internet para quitar las opciones del select que ya se encuentran pagos.
Código HTML:
<input type="text" name="col" id="col"> <select name="layout_select" id="layout_select"> <!--Below shows when '1 column' is selected is hidden otherwise--> <option value="col1">none</option> <!--Below shows when '2 column' is selected is hidden otherwise--> <option value="col2">layout 1</option> <option value="col2">layout 2</option> <!--Below shows when '3 column' is selected is hidden otherwise--> <option value="col3">layout 3</option> <option value="col3">layout 4</option> <option value="col3">layout 5</option> </select> <script type="text/javascript"> $(document).ready(function() { var optarray = $("#layout_select").children('option').map(function() { return { "value": this.value, "option": "<option value='" + this.value + "'>" + this.text + "</option>" } }) $("#col").change(function() { $("#layout_select").children('option').remove(); var addoptarr = []; for (i = 0; i < optarray.length; i++) { if (optarray[i].value.indexOf($(this).val()) > -1) { addoptarr.push(optarray[i].option); } } $("#layout_select").html(addoptarr.join('')) }).change(); }) </script>
Se me ocurre que al momento de cargar el valor de columnas a mostrar presione enter automaticamente para inicializar la funcion .change()
PD: no se si me hice entender pero llevo dias con este asunto y javascript no me se me da muy bien