2013-10-15 1 views
0

플러스 버튼이나 마이너스 버튼을 클릭하여 필드를 추가 및 제거하는 사이드 바 (jquery도 사용)의 트위터 부트 스트랩 양식에 입력 필드가 있습니다. 여기 HTML이다추가/제거 필드를 재설정하려면 어떻게해야합니까?

입력 필드가 추가
<div class="control-group"> 
    <label class="control-label">Fields</label> 
     <div class="control-group SearchRow" data-index="1"> 
      <div class="controls"> 
       <a title="Add name below" id="addRow1" href="#" tabindex="-1"> <i class="icon-plus"></i> 
       </a> <input id="name1" type="text" class="span2 typeahead" /> 
       <a title="Remove name" href="#" id="removeRow1" tabindex="-1"> <i class="icon-remove"></i> 
       </a> 
      </div> 
     </div> 
</div> 

, 그것은 동적 HTML에 필드를 추가 (하나의 데이터 인덱스가 증가하고 addRow1가 addRow2이다 removeRow1는 removeRow2, 등등이다)

필드를 추가하거나 삭제할 때 상자에 쓰여진 내용을 모두 비울 수 있도록 이러한 필드를 재설정하는 단추를 만들었습니다. 지금까지 추가 된 필드는 다음과 같은 jQuery로 재설정 할 수 있습니다 :

$sideBar.find('#ResetButton').on('click', function(){ 
     $sideBar.find('#form').trigger('reset');       
    }); 

그러나, 일부 필드를 추가하는 경우, 입력을 입력 일부가 아닌 모든 필드, 남아있는 사람 WILL 빈 NOT을 삭제합니다. 여기

시각적이다

원형 :

+ [분야] -이어서

내가 플러스 버튼을 클릭하여 몇몇 추가

+ [blfgadfgadfgdaah] -

+ [field] -

+ [bldafbhdsfbhdsfhah] -

푸시 리셋 : 그것은 작동한다!

+ [필드] -

+ [필드] -

+ [필드] -

하지만 : 나는 원래부터 갈 경우, 추가, 일부 삭제는하지 않습니다 명확한. 원본 :

+ [필드] - 그럼

내가 플러스 버튼을 사용하여 일부 필드를 추가

+ [blahhhhhhhhhhhh] -

+ [필드] -

+ [afdfbhdfbbdf] -

마이너스 버튼을 사용하여 일부 필드를 삭제

+ [blahhhhhhhhhhhh] -

+ [분야] -

푸시 리셋 :

+ [blahhhhhhhhhhhh] -

+ [field] -

컨트롤에 ID를 추가하고 재설정하려고 시도했습니다. 하지만 작동하지 않습니다. 어떤 제안 ??? 대신 당신이 당신의 양식을 재설정하기 위해 사용하는 코드의

+1

음 ... 뭐라고 요? 정확히 무엇을 찾고 있는지 이해하는 데 어려움이 있습니다. [jsfiddle 예제] (http://jsfiddle.net)를 제공해 주시겠습니까? – Dom

+0

ucode가 적어도 코드 샘플을 게시하면 매우 도움이 될 것입니다. 사용자가 작성한 내용과 작성한 오류를 추측 할 필요가 없습니다. – PhilTrep

+0

@ PhilippeTrépanier, 제 질문에 대한 자세한 내용과 코드를 추가했습니다. ... 답변은 내 jquery에 재설정의 일부 양식을 추가하여 해결할 수 있지만, 어떻게 해야할지 모르겠다. – user2847749

답변

0

, 사용해보십시오 :

var defaultVal = "";//Set your default value here 
jQuery('#ResetButton').on('click', function(){ 
    jQuery('#form input.typeahead').val(defaultVal);       
}); 

희망이 도움이!

+0

그게 효과가! 정말 고맙습니다! – user2847749

+0

기꺼이 도와 드리겠습니다! – PhilTrep

관련 문제