Включать и снимать поля формуляра внутри модального с jquery

я иду прямо в зернышко. У меня есть формуляр, чем с inputs, которые включены или исключены функцией jquery. Я проблемы появись, когда я пробую помещать этот формуляр внутри um модальный, функция jquery функционирует совсем, меньше часть, которая - это, чтобы снимать эти inputs.

  <button name="Button" href="javascript:void(0);" id="anc_add" type="button" class="round blue ic-add" style="border: none; cursor: pointer; padding: 0.833em; background-position: right center; padding-right: 3em; background-repeat: no-repeat; font-weight: bold; text-transform: uppercase;" value="Novo Passageiro" ></button>
  <button name="anc_add"  href="javascript:void(0);" id="anc_rem" type="button" class="round blue ic-delete" style="border: none; cursor: pointer; padding: 0.833em; background-position: right center; padding-right: 3em; background-repeat: no-repeat; font-weight: bold; text-transform: uppercase;" value="Remover Último Passageiro" ></button>
  <br>
  <br>
  <table width="100%" id="tbl1">
    <tfoot>
    </tfoot>
    <tbody>
       <tr>
         <td width="25%"><div style="width:270px">Informações do Passageiro 01</div></td>
         <td width="25%" style="text-align:center"><input name="passageiros_nome[]" type="text" placeholder="SEU NOME COMPLETO" class="round default-width-input mirror" id="passageiros_nome" style="font-size:12px;" /></td>
         <td width="25%"  style="text-align:center"><input name="passageiros_nascimento[]" type="text" placeholder="SUA DATA DE NASCIMENTO" class="round default-width-input" id="passageiros_nascimento" style="font-size:12px;" /></td>
        <td width="25%"><input name="passageiros_rg[]" type="text" placeholder="SEU NUMERO DO RG / CERTIDAO NASC." class="round default-width-input" id="passageiros_rg" style="font-size:12px;" /></td>
       </tr>

   </tbody>
 </table>


 <script>
    $(document).ready(function(){
    var cnt = 2;
    $("#anc_add").click(function(){
    $('#tbl1 tr').last().after('<tr> <td width="25%"><div    style="width:270px">Informações do Passageiro 0'+cnt+'</div></td><td width="25%" style="text-align:center"><input name="passageiros_nome[]" type="text" placeholder="NOME COMPLETO DO PASSAGEIRO" class="round default-width-input" id="simple-input28" style="font-size:12px;" /></td><td width="25%"  style="text-align:center"><input name="passageiros_nascimento[]" type="text" placeholder="DATA DE NASCIMENTO" class="round default-width-input" id="simple-input" style="font-size:12px;" /></td><td width="25%"><input name="passageiros_rg[]" type="text" placeholder="NUMERO DO RG / CERTIDAO NASC." class="round default-width-input" id="simple-input7" style="font-size:12px;" /></td></tr>');
   cnt++;
   });


   **Esta es la parte de la funcion que no funciona dentro del modal**

     $("#anc_rem").click(function(){
     if($('#tbl1 tr').size()>1){
     $('#tbl1 tr:last-child').remove();
     }else{
     alert('E necessario pelo menos um passageiro');
     }
     });


   });




    </script>
0
задан 09.11.2019, 17:12
1 ответ

Проблема - метод size (), он пошел deprecado, если ты используешь jquery 3, или начальник не существует больше. https://api.jquery.com/size /

ты Должен оценивать свойство length

if($('#tbl1 tr').size()>1) {
    ...
}
0
ответ дан 01.12.2019, 12:10
  • 1
    Я это изменил, но все же остаюсь с той же проблемой. – everson 09.11.2019, 23:28

Теги

Похожие вопросы