リフレッシュ後に追加されたダイナミックフィールドが引き続き表示される可能性はありますか?ダイナミックフィールドが表示されたままになるリフレッシュ後
関連トピックは見つかりましたが、複雑です。 related topic
私は自分の仕事でそれを実装したいと思います。
フィドル
https://jsfiddle.net/jqj1h4vb/
おかげ
SCRIPT
$(function()
{
$(document).on('click', '.btn-add', function(e)
{
e.preventDefault();
var controlForm = $('.controls form:first'),
currentEntry = $(this).parents('.voca:first'),
newEntry = $(currentEntry.clone()).appendTo(controlForm);
newEntry.find('input').val('');
controlForm.find('.btn-add:not(:last)')
.removeClass('btn-default').addClass('btn-danger')
.removeClass('btn-add').addClass('btn-remove')
.html('<span class="glyphicon glyphicon-minus" aria-hidden="true"></span> Remove ');
}).on('click', '.btn-remove', function(e)
{
$(this).parents('.voca:first').remove();
e.preventDefault();
return false;
});
});
HTML
<div class="container">
<div class="control-group" id="fields">
<div class="controls">
<form role="form" autocomplete="off">
<div class="row">
<div class="voca">
<div class="col-md-3">
<input class="form-control" placeholder="Name this snippet" name="voca" type="text" value="Dynamic Form Fields - Add & Remove BS3">
</div>
<div class="col-md-3">
<input class="form-control" placeholder="Name this snippet" name="vocatrans" type="text" value="Dynamic Form Fields - Add & Remove BS3">
</div>
<div class="col-md-1">
<select class="form-control">
<option>1</option>
<option>2</option>
</select>
</div>
<button type="button" class="btn btn-success btn-add" >
<span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Add more
</button>
</div>
</div>
</form>
<br>
</div>
</div>
</div>
@Dumisaniからデータを取得、その後、私は、ページが関連するトピックは、あなたがしなければならない、ちょっと正しい – haxxxton
リフレッシュされた後、OPフィールドを_keep_しようとしていると考えていますonclickイベントの中にコードをラップし、それを独自の関数に入れてから、クッキーを使用してリフレッシュ時に設定されているかどうかを確認するフラグを作成して、余分なフィールドを追加する関数を実行してください。 –
ok sir、 。 –