2013-05-23 6 views
1

저는이 방법으로 작동하는 무언가를 이루려는 루키 프로그래머입니다. 하나의 텍스트 상자에 새 텍스트 상자 추가 버튼이 표시됩니다. 새 필드 추가라는 버튼의 Onclick, jquery는 새 텍스트 필드를 보여줍니다. 따라서 사용자가 클릭하면 한 번에 둘 이상의 필드를 추가 할 수 있습니다. 도움이 필요하시면 고맙겠습니다. 감사합니다.여러 입력 필드를 표시하는 Jquery

+1

니스 이야기의 '몸'에 이러한 요소를 추가 할 것입니다 ...하지만 그것으로 문제는 무엇인가? – acdcjunior

+0

[http://api.jquery.com/appendto/](http://api.jquery.com/appendto/) – couzzi

답변

1

거친 예를 들어 당신의 jquery you can try this

$('.buttonClass').click(function(){ 
    $("<input placeholder='this is a new textbox'/>").appendTo('body'); 
}); 

두 가지 내

$('#btn').on('click', function() { 
    var num = parseInt($('#num').val(), 10); 
    if (!isNaN(num)) { 
      var $div = $('#div'); 
     for(var i=0;i< num;i++) { 
      $div.append('<input type="text" />') ; 
     } 
    } 
}); 

Check Fiddle

+0

고마워, 정말 고마워. 그러나 어떻게해야 입력 상자를 제거합니까? –

+0

당신은 환영합니다 :) 선택기'.remove'를 사용하십시오. jQuery 워드 프로세서를 확인하십시오 .. –

0

참고 사항 : 당신은 확실히 때마다 증가하는 INT 변수를 설정하는 것이 좋습니다 새 텍스트 상자를 만들고 각각에 고유 한 이름/ID를 할당합니다. 그래서 당신은 그들로부터 데이터를 잡을 수 있습니다 쉽게

당신이 당신의 형태가 아닌 문서

+0

고마워요. 나는 정말로 감사한다. –

관련 문제