Предположим, что мы выбираем строку в gridview, тогда мы получаем одно число из gridview. Предположим, что мы получаем 8 чисел из gridview, а затем добавим восемь строк в таблицу html с текстовыми полями. возможно ли это и как это использовать с jquery .append(), Спасибо в Advance.Динамически добавить строки в таблицу
0
A
ответ
-1
<!DOCTYPE html>
<html>
<head>
<title>JS</title>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".btn-add").on('click', function() {
var singleRow = $(".singleRow").eq(0).clone();
singleRow.find('.btn-add')
.removeClass('btn-succcess')
.addClass('btn-danger')
.removeClass('btn-add')
.addClass('remove')
.html("X");
singleRow.find('input').each(function(i, input) {
$(input).val('');
});
$("#wrapper").append(singleRow);
});
$(document).on('click', ".remove", function() {
$(this).parent().remove();
});
});
</script>
<style type="text/css">
.singleRow {
padding: 10px 0;
}
</style>
</head>
<body>
<div class="container">
<form role="form" autocomplete="off" id="wrapper">
<div class="row singleRow">
<div class="col-md-3">
<input class="form-control" placeholder="Name" name="name" type="text" value="Dynamic Form Fields">
</div>
<div class="col-md-3">
<input class="form-control" placeholder="Phone No." name="phone" type="text" value="Dynamic Form Fields">
</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">
+
</button>
</div>
<!-- here it will append -->
</form>
</div>
</body>
</html>
2
Я не уверен, что правильно понял вопрос, но да, это возможно и очень просто с jquery. Ваш сценарий должен выглядеть примерно так:
function appendTable(numberOfRows) {
var row = '<tr><td><input type="text" class="yourInput"></td></tr>'; //you should change this for your needs
for (var i = 0; i < numberOfRows; i++) {
$('#yourTable').append(row);
}
}
Смежные вопросы
- 1. Как добавить 2 строки динамически в таблицу
- 2. Динамически добавить строки/столбцы в таблицу
- 3. jquery добавить/строки в таблицу динамически
- 4. Динамически добавлять строки в таблицу
- 5. Динамически добавить строки в таблицу слов в приложении vb.net
- 6. Динамически добавить строки в таблицу Google с Python
- 7. Как добавить выбранный параметр в таблицу динамически
- 8. Добавить ASP Controls в таблицу динамически
- 9. Как добавить строку в таблицу динамически
- 10. Добавить динамическую таблицу mysql динамически
- 11. Как динамически добавлять строки в таблицу asp.net?
- 12. Динамически добавлять строки в таблицу с динамически полученным числом столбцов
- 13. добавить динамически динамически в excel для строки
- 14. Бизнес-пользователь добавить строки в таблицу wiki
- 15. Добавить строки в таблицу html
- 16. jQuery добавить строки в таблицу
- 17. sharedpref добавить строки в таблицу
- 18. Добавить номер строки в динамическую таблицу
- 19. Динамически добавить строки в TableLayout
- 20. Добавить строки в datagridview динамически
- 21. Добавить изображение в HTML таблицу динамически
- 22. Динамически добавить строку в таблицу html
- 23. Как динамически добавить в таблицу PHPExcel
- 24. Как добавить таблицу динамически в javascript
- 25. Добавить атрибут datatable в динамически создаваемую таблицу
- 26. динамически добавить пустую строку в HTML таблицу
- 27. Как добавить img в таблицу динамически?
- 28. IOS UIPickerView - динамически добавить в статическую таблицу
- 29. Невозможно добавить строку в таблицу HTML динамически
- 30. Динамически добавлять строки в таблицу HTML