Я добавляю форму с помощью AJAX на странице Php теперь я добавляю форму пыльника в ту форму, которая создается с помощью AJAX но она не работает.
Это родительская страница.
<div class="col-xs-12 mg-top-30 text-left" id="studentstatus"> <div class="col-sm-1 hidden-xs"></div> <div class="col-sm-2"> <label for="" class="control-label">Are you a?</label> </div> <div class="col-sm-5"> <label class="radio-inline"> <input type="radio" name="studentstatus" value="fresh">Freshman</label> <label class="radio-inline mg-top-5"> <input type="radio" name="studentstatus" value="compart">Reappeared</label> </div> </div> <div id="adddata"></div>`
JQuery для работы с AJAX является следующим для добавления первой формы:
$(function () { $('#studentstatus input:radio').change( function () { var index = this.value; $.get( "add_freshman_form_in_maprevios.php", { studentstatus: index }, function (data) { $("#adddata").html(data); } ); } ); });
add_freshman_form_in_maprevios.php страница HTML код:
$output='<div class="col-xs-12 mg-top-10 text-left"> <div class="col-sm-1 hidden-xs"></div> <div class="col-sm-2"> <label for="" class="control-label">Roll No.</label> </div> <div class="col-sm-2"> <input type="number" class="btn-block input-sm" placeholder="Previous roll no."> </div> </div> <div class="col-xs-12 mg-top-10 text-left"> <div class="col-sm-1 hidden-xs"></div> <div class="col-sm-3"> <label for="" class="control-label">Write down the names of failed papers:</label> </div> </div> <div class="col-xs-12 mg-top-10 text-left"> <div class="col-sm-1 hidden-xs"></div> <div class="col-sm-2"> <input type="text" class="btn-block input-sm" placeholder="Failed Paper name..."> </div> </div> <div class="col-xs-12 text-left"> <div class="col-sm-1 hidden-xs"></div> <button class="mg-left-15 color addanother"> <i class="fa fa-plus-circle " > <label for="">Add another</label></i></button> <div id="compartpaper"></div> </div>'; echo $output;
Он работает очень хорошо, но когда я хочу использовать другое текстовое поле в этой форме с помощью AJAX это не работает. Я пишу код JQuery для этой цели на главную страницу.
$('.addanother').click(function (e) { e.preventDefault(); $.get( "add_compart_form_in_previous_paper.php", { username: $("#username").val() }, function (data) { $("#compartpaper").append(data); } ); });
Форма, которую я хочу добавить на этой странице, означает:
<?php $output='<div class="col-sm-2"> <input type="text" class="btn-block input-sm" placeholder="Failed Paper name..."> </div>'; echo $output; ?>