Нужно добавить динамически динамически

-6

Я хочу добавить строку динамически, как только пользователь нажмет кнопку добавить еще кнопку. Я использую jquery для этого, все работает нормально, но когда я пытаюсь загрузить значение поля выбора, которое получается из базы данных и отображается внутри цикла. Хотя я пытаюсь добавить этот флажок в поле через jquery, я получил эту ошибку. Добрая помощь в этом.Нужно добавить динамически динамически

Обзор этот код и сообщение об ошибке

<table class="table table-bordered form-horizontal"id="size_variants_table"> 
<thead> 
<tr> 
<th>Size</th> 
<th>Price</th> 
<th>Quantity</th> 
<th></th> 
</tr> 
</thead> 
<tbody 
<tr class="control-group"> 
<td class="control-label"> 
<select class="form-control" name="product_size[]" id="mylist"> 
<option value="<?php echo 12;?>"><?php echo 12;?></option></select> 
</td> 
<td> 
<input type="text" name="product_size_price[]" class="form-control"/> 
</td> 
<td> 
<input type="text" name="product_size_qty[]" id="product_size_qty" class="form-control product_size_qty" onchange="valuecheck();"/> 
</td> 

<td><span id='removeButton' /><i class="icon-trash bigger-130"></i></span></td> 

</tr> 
</tbody> 
</table> 
<input type='button' value='Add Button' id='addButton' /> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script> 


$(document).ready(function() { 

$("#addButton").click(function() { 
if(($('.form-horizontal .control-group').length+1) > 12222) { 
alert("Only 2 control-group allowed"); 
return false; 
} 

var id = ($('.form-horizontal .control-group').length + 1).toString(); 
$('.form-horizontal').append('<tr class="control-group" id="control-group' + id + '"><td class="control-label" for="inputEmail' + id + '"><select class="form-control" name="product_size[]"> <option value="<?php echo 12;?>"><?php echo 12;?></option></select></td><td class="control-label" for="inputEmail' + id + '"><input type="text" id="inputEmail' + id + '" placeholder="Email"></td><td class="control-label" for="inputEmail' + id + '"><input type="text" id="inputEmail' + id + '" placeholder="Email"></td></tr>'); 
}); 

$("#removeButton").click(function() { 
if ($('.form-horizontal .control-group').length == 1) { 
alert("No more textbox to remove"); 
return false; 
} 

$(".form-horizontal .control-group:last").remove(); 
}); 
}); 

</script>

источник

2016-12-29 Prabhu Vidhyagar

Добро пожаловать на SO. Мы не онлайн-отладчик. Пожалуйста, посетите [помощь] и опубликуйте усилие. В этом случае посмотрите на источник просмотра, и вы, скорее всего, найдете новую строку, созданную PHP – mplungjan

PS: если вы измените 'append ('.....')' с 'append (\' ...... \ ')' он может работать лучше в новых браузерах – mplungjan

-2

это может помочь вам

<html> 
<head> 
<title>jQuery add/remove textbox example</title> 

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 

<style type="text/css"> 
    div{ 
     padding:8px; 
    } 
</style> 

</head> 

<body> 
<script> 

var inpCount = <?php echo $yourdatabasevalue ?>; 
    for(var i = 0;i<inpCount;i++){ 

      $('#your_div_where_you_want_to_append').append("<input type='text' name='pc"+(i+1)+"' /><br />"); 

     } 
    </script> 
</body> 
</html>

источник

2016-12-29 07:48:20

Что это касается вопроса? – mplungjan

Я создаю динамическую строку после нажатия кнопки добавления с помощью jquery Значение, которое вы видели, - это значение из базы данных и показано внутри раскрывающегося списка. Как я могу добавить этот флажок, используя jquery append. –

опубликовать весь код –

Нужно добавить динамически динамически

ответ

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