Javascript 标记选择器不以动态形式显示
我想在选择器上显示一个按钮。当nama makanan的数组形式数超过一个时,选择器中会出现一个按钮。hapus baris makanan将出现,但如果nama makanan的数组形式数为空/空,则选择器中的按钮。hapus baris makanan将隐藏。下面是我所做的编码 htmlJavascript 标记选择器不以动态形式显示,javascript,jquery,html,dynamic-forms,Javascript,Jquery,Html,Dynamic Forms,我想在选择器上显示一个按钮。当nama makanan的数组形式数超过一个时,选择器中会出现一个按钮。hapus baris makanan将出现,但如果nama makanan的数组形式数为空/空,则选择器中的按钮。hapus baris makanan将隐藏。下面是我所做的编码 html 这是: 应该是: if($('.nama-makanan').length){ $('.hapus-baris-makanan').show(); } else { $('.hapus-ba
这是:
应该是:
if($('.nama-makanan').length){
$('.hapus-baris-makanan').show();
} else {
$('.hapus-baris-makanan').hide();
}
和。hapus baris makanan
应该从样式显示开始:无
您检查了控制台吗?为什么在输入元素上到处使用“[]”?这是不必要的。提交时,同名的输入字段将被堆叠。很抱歉,它们的名称和代码不利于问题的解决。如果你告诉一个代码最简单的和代表你的问题的术语,它会更容易帮助你。你能得到表单元素吗?如果没有,试着用这种方法得到它。var myForm=document.forms[“formpembayaran”];
$(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()
});
});
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();
}