분리 우리가 텍스트의 변화에 ​​대한 입력 요소를 추가하기 위해 다음과 같은 코드를 사용하는

Question

jQuery를 변경 기능에 요소 추가 : 값 우리 HTML5 입력 타입 = "횟수"를 사용

$(document).ready(function() { 
$('#instal').change(function() { 
    var instalval = parseInt($(this).val()); 
    if(instalval != '') { 
    for(i = 0; i < instalval; i++) { 
     $('#fields').append(' <li class="inputs clearfix"><input type="text" class="small" size="30" name="date" placeholder="Date" /> <input type="text" class="small" size="30" name="amount" placeholder="Amount" /> <span title="Remove this" class="ui-icon ui-icon-closethick closefield"></span> </li>'); 
    } 
    } 
}); 
$('.closefield').live('click', function() { 
$(this).parent().remove(); 
}); 
}); 

을하지만 그래서 6 개 요소를 더하고 6을 선택하면 12를 선택하면 마지막에 추가 된 6 개의 요소에 12가 추가되어 합계 요소가 12가 아닌 18이되고 12를 선택하면이 목표를 달성하기 위해 코드를 수정할 수 있습니다. 다시 12를 선택한 후 6, 나는 이것이 의미가 있기를 바랍니다. 감사.

PHP를 사용하여 mysql에 어떻게 게시 할 수 있습니까?

Answer 1

#fields 요소의 자식이 클래스 inputs인지 확인하는 콜백의 시작 부분에 if 문을 넣을 수 있습니다. 있다면 제거하십시오.

$(document).ready(function() { 
$('#instal').change(function() { 
    if($('#fields').children().hasClass('inputs')) { 
     $('.inputs').remove(); 
    } 
    var instalval = parseInt($(this).val()); 
    if(instalval != '') { 
     for(i = 0; i < instalval; i++) { 
      $('#fields').append(' <li class="inputs clearfix"><input type="text" class="small" size="30" name="date" placeholder="Date" /> <input type="text" class="small" size="30" name="amount" placeholder="Amount" /> <span title="Remove this" class="ui-icon ui-icon-closethick closefield"></span> </li>'); 
      $(function() { 
       $(".small").datepicker({ minDate: "+" + i.toString() + "M" }); 
      }); 
     } 
    } 
}); 

$('.closefield').live('click', function() { 
    $(this).parent().remove(); 
}); 

이

JQuery와 UI에 대한 날짜 선택기이다

$(function() { 
    $("#datepicker").datepicker({ minDate: -20, maxDate: "+1M +10D" }); 
}); 

이 날짜의 범위를 고정하기위한 것이다

$(function() { 
    $(".date").datepicker(); 
});