标签选择器不以动态形式出现
tag selector not appear in dynamic form
我想在选择器. hapuss -baris-makanan上显示一个按钮,当nama-makanan的数组形式的数量多于一个时,选择器. hapuss -baris-makanan中的按钮将出现,但如果数组形式的namas -makanan的数量为空/null,选择器. hapuss -baris-makanan中的按钮将被隐藏。下面是我编写的
代码html <form id="formpembayaran" method="post" action="<?php echo base_url('pembayaran/simpanitempembayaran'); ?>">
<table class="table table-striped area-table tabel-form-makanan">
<thead>
<tr>
<th>Nama Makanan</th>
<th>Jenis Makanan</th>
<th>Harga Makanan</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="text" name="nama-makanan[]" style="height: 30px; width: 280px;" class="nama-makanan" placeholder="ketikkan nama makanan"/>
<input type="hidden" name="id-makanan[]" class="id-makanan"/>
</td>
<td>
<input type="text" readonly name="nama-jenis-makanan[]" style="height: 30px; width: 280px;" class="nama-jenis-makanan" placeholder="nama jenis makanan"/>
</td>
<td>
<input type="text" readonly name="harga-makanan[]" style="height: 30px; width: 280px; text-align: right;" class="harga-makanan" placeholder="harga satuan makanan"/>
</td>
<td>
<a class="btn hapus-baris-makanan"><i class="icon-remove"></i></a>
</td>
</tr>
</tbody>
</table>
javascript: $(document).ready(function(){
var myForm = document.forms.formpembayaran;
var idMakanan = myForm.elements['nama-makanan[]'];
if (idMakanan.length == null){
$('.hapus-baris-makanan').hide();
} else {
$('.hapus-baris-makanan').show();
}
$('.tombol-tambah-makanan').on('click', function(){
var tr = '<tr>'n'
<td><input type="text" name="nama-makanan[]" style="height: 30px; width: 280px;" class="nama-makanan" placeholder="ketikkan nama makanan"/><input type="hidden" name="id-makanan[]" class="id-makanan"/></td>'n'
<td><input type="text" readonly name="nama-jenis-makanan[]" style="height: 30px; width: 280px;" class="nama-jenis-makanan" placeholder="nama jenis makanan"/></td>'n'
<td><input type="text" readonly name="harga-makanan[]" style="height: 30px; width: 280px; text-align: right;" class="harga-makanan" placeholder="harga satuan makanan"/></td>'n'
<td><a class="btn hapus-baris-makanan"><i class="icon-remove"></i></a></td>'n'
</tr>';
$("table.tabel-form-makanan tbody").append(tr);
});
$('.tombol-reset-makanan').on('click', function(){
$('table.tabel-form-makanan tbody tr:not(:first)').remove();
});
$('.tabel-form-makanan').on( 'click', '.hapus-baris-makanan', function(){
$(this).closest('tr').remove()
});
});
我不知道故障的位置。请帮帮我。谢谢你
this:
var myForm = document.forms.formpembayaran;
var idMakanan = myForm.elements['nama-makanan[]'];
if (idMakanan.length == null){
$('.hapus-baris-makanan').hide();
} else {
$('.hapus-baris-makanan').show();
}
应:if($('.nama-makanan').length){
$('.hapus-baris-makanan').show();
} else {
$('.hapus-baris-makanan').hide();
}
和.hapus-baris-makanan
应该以样式display:none
相关文章:
- 在动态创建的元素上获取对特定选择器的引用
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 如何动态创建许多Jquery颜色选择器(eyecon)
- 动态修改一个元素,使其与给定的选择器匹配
- 动态填充Bootstrap选择选择器:change event dos'不起作用
- 动态添加的标记不会'无法正确使用日期选择器
- jQuery选择器不识别任何动态创建的HTML输入函数
- 如何在jQuery的.on()方法中动态更新按钮的ID选择器
- 如何在创建动态 HTML 页面时使用日期选择器
- Jquery - 创建动态名称选择器
- 带过滤器的jQuery动态选择器
- 动态选择器,用于点击事件在 2 个事件后行为异常
- 执行函数时添加的动态选择器
- JQuery动态选择器事件处理程序
- 不能使jQuery动态选择器工作
- Lightbox未加载动态选择器
- Jquery动态选择器错误
- 试图将类添加到动态选择器
- 在php foreach中使用jquery动态选择器删除单个图像
- jQuery视频悬停优化动态选择器