Как сбросить поле добавления/удаления?

У меня есть поле ввода в форме бутстрапа twitter на боковой панели (которая также использует 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');       
    });

Однако, если добавить несколько полей, введите вход и удалить некоторые, но не все поля, остальные не будет освобождаться.

Вот визуальный:

Оригинальная форма:

+ [поле] -

Затем я добавляю некоторые, нажав на кнопку плюс

+ [blfgadfgadfgdaah] -

+ [field] -

+ [bldafbhdsfbhdsfhah] -

толчок сброса: и это работает!

+ [поле] -

НО: если я иду от оригинала, добавлять и удалять некоторые, он не будет Чисто. Оригинал:

+ [поле] -

Затем добавить несколько полей с помощью кнопки плюс

+ [blahhhhhhhhhhhh] -

+ [поле] -

+ [afdfbhdfbbdf] -

удалить некоторые поля с помощью кнопки минус:

+ [blahhhhhhhhhhhh] -

+ [поле] -

толчок сброса:

+ [blahhhhhhhhhhhh] -

+ [field] -

Я попытался добавить идентификатор к элементам управления и сбросить но это не сработает. Какие-либо предложения???

источник

2013-10-15 user2847749

Хм ... что? С трудом понимая, что именно вы ищете. Можете ли вы предоставить [пример jsfiddle] (http://jsfiddle.net)? – Dom

Было бы очень полезно, если yo ucode опубликует хотя бы образец вашего кода, без него мы должны угадать, что вы написали, и какую ошибку вы делаете ... – PhilTrep

@ PhilippeTrépanier, я добавил больше деталей и кода на мой вопрос ... Я знаю, что ответ можно решить, добавив некоторую форму сброса в мой jquery, но я не знаю, как это сделать. – user2847749

Вместо кода, который вы используете, чтобы сбросить форму, попробуйте использовать:

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

Надеется, что это помогает!

источник

2013-10-15 21:08:03 PhilTrep

Это сработало! Спасибо огромное! – user2847749

Рад, что я мог бы помочь! – PhilTrep

Как сбросить поле добавления/удаления?

ответ

Смежные вопросы