显示每个中继器项目的值
Display the value on each repeater item
我使用jquery转发器创建动态表单。
<div class="repeater">
<table border="1">
<thead>
<tr style=>
<th>ID</th>
<th>Name</th>
</tr>
</thead>
<tbody data-repeater-list="data">
<tr data-repeater-item>
<td><input name="this_id" value="1"></td>
<td><input name="this_name"></td>
</tr>
</tbody>
</table>
<button data-repeater-create>Add New</button>
</div>
<script>
$('.repeater').repeater();
/* Not working if use below code :
Reference : https://github.com/DubFriend/jquery.repeater
$('.repeater').repeater({
defaultValues: {
'this_id': '1'
}
});
*/
</script>
当我按下"add new"按钮时,为什么this_id的默认值没有出现(空白值)。我的代码有问题吗?
您在输入元素上设置了类型="text"。
这是一个工作示例:
$('.repeater').repeater({
defaultValues: {
'this_id': '1',
'this_name': 'foo'
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.repeater/1.2.1/jquery.repeater.min.js"></script>
<div class="repeater">
<table border="1">
<thead>
<tr style="background-color:#cecece">
<th>ID</th>
<th>Name</th>
</tr>
</thead>
<tbody data-repeater-list="data">
<tr data-repeater-item>
<td><input type="text" name="this_id" value="1"/></td>
<td><input type="text" name="this_name"/></td>
</tr>
</tbody>
</table>
<br>
<button data-repeater-create>Add New</button>
</div>
You have to just definne thw input type
type="text"
我使用jquery转发器创建动态表单。
<div class="repeater">
<table border="1">
<thead>
<tr style=>
<th>ID</th>
<th>Name</th>
</tr>
</thead>
<tbody data-repeater-list="data">
<tr data-repeater-item>
<td><input name="this_id" value="1"></td>
<td><input name="this_name"></td>
</tr>
</tbody>
</table>
<button data-repeater-create>Add New</button>
</div>
<script>
$('.repeater').repeater();
/* Not working if use below code :
Reference : https://github.com/DubFriend/jquery.repeater
$('.repeater').repeater({
defaultValues: {
'this_id': '1'
}
});
*/
</script>
当我按下"add new"按钮时,为什么this_id的默认值没有出现(空白值)。我的代码有问题吗?
您在输入元素上设置了类型="text"。 这是一个工作示例:
$('.repeater').repeater({
defaultValues: {
'this_id': '1',
'this_name': 'foo'
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.repeater/1.2.1/jquery.repeater.min.js"></script>
<div class="repeater">
<table border="1">
<thead>
<tr style="background-color:#cecece">
<th>ID</th>
<th>Name</th>
</tr>
</thead>
<tbody data-repeater-list="data">
<tr data-repeater-item>
<td><input type="text" name="this_id" value="1"/></td>
<td><input type="text" name="this_name"/></td>
</tr>
</tbody>
</table>
<br>
<button data-repeater-create>Add New</button>
</div>
You have to just definne thw input type
type="text"