从多个选择选项中提出选择选项
我有选择选项的列表(无限)(无限)
我有一个使用class =“ selects”
选择
with class =“ selects =“ selects” 的情况, <选项值='1'>
的值,然后将出现其他选择选项
,以及如果< option option value ='0的值'>
然后,上一个选择选项将丢失,我成功做到了,
问题是我正在使用多个akun
,我将举一个3 akun的示例,但在我的情况下原始是无限的,例如,当我选择一个带有value ='1'
的帐户时,它将显示在类'box'本身中选择另一个选项
是我在这里而不是从所有帐户中出现,而不是一个一个帐户
,这是我的代码示例,我会接受如果我使用此代码以外还有其他方法,谢谢
$('.selects').on('change', function(){
var kdbantu = $(this).val();
if(kdbantu == '1'){
$('.box-tx').fadeOut(0, function(){ $(this).remove(); });
$(".box").append(`
<select class="box-tx">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
`);
}else{
$('.box-tx').fadeOut(0, function(){ $(this).remove(); });
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Akun 1 :
<div class="box">
<select class="selects">
<option value="0"></option>
<option value="0">0- Kas</option>
<option value="0">0- Bank</option>
<option value="1">1- Piutang</option>
<option value="1">1- Jenis Usaha</option>
<option value="0">0- Penjualan</option>
<option value="1">1- Biaya</option>
</select>
</div>
<hr>
Akun 2 :
<div class="box">
<select class="selects">
<option value="0"></option>
<option value="0">0- Kas</option>
<option value="0">0- Bank</option>
<option value="1">1- Piutang</option>
<option value="1">1- Jenis Usaha</option>
<option value="0">0- Penjualan</option>
<option value="1">1- Biaya</option>
</select>
</div>
<hr>
Akun 3 :
<div class="box">
<select class="selects">
<option value="0"></option>
<option value="0">0- Kas</option>
<option value="0">0- Bank</option>
<option value="1">1- Piutang</option>
<option value="1">1- Jenis Usaha</option>
<option value="0">0- Penjualan</option>
<option value="1">1- Biaya</option>
</select>
</div>
I have a list of accounts (unlimited) using select option with class="selects"
I want to select
with class="selects"
if the value of <option value = '1'>
then it will appear other select option
, and if the value of <option value = '0'>
then the previous select option will be lost, I have succeeded do it
The problem is that i am using multiple Akun
, i will give an example of 3 Akun but in my case the original is unlimited, i want for example when i select one account with value = '1'
it will show choose another option
in class 'box' itself, and the problem is that I'm here instead of appearing from all accounts not one by one
this is my code sample, i will accept if there is any other way besides this code i use, thanks
$('.selects').on('change', function(){
var kdbantu = $(this).val();
if(kdbantu == '1'){
$('.box-tx').fadeOut(0, function(){ $(this).remove(); });
$(".box").append(`
<select class="box-tx">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
`);
}else{
$('.box-tx').fadeOut(0, function(){ $(this).remove(); });
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Akun 1 :
<div class="box">
<select class="selects">
<option value="0"></option>
<option value="0">0- Kas</option>
<option value="0">0- Bank</option>
<option value="1">1- Piutang</option>
<option value="1">1- Jenis Usaha</option>
<option value="0">0- Penjualan</option>
<option value="1">1- Biaya</option>
</select>
</div>
<hr>
Akun 2 :
<div class="box">
<select class="selects">
<option value="0"></option>
<option value="0">0- Kas</option>
<option value="0">0- Bank</option>
<option value="1">1- Piutang</option>
<option value="1">1- Jenis Usaha</option>
<option value="0">0- Penjualan</option>
<option value="1">1- Biaya</option>
</select>
</div>
<hr>
Akun 3 :
<div class="box">
<select class="selects">
<option value="0"></option>
<option value="0">0- Kas</option>
<option value="0">0- Bank</option>
<option value="1">1- Piutang</option>
<option value="1">1- Jenis Usaha</option>
<option value="0">0- Penjualan</option>
<option value="1">1- Biaya</option>
</select>
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
因此,我改变了这一行:
对此:
我认为这是您想要的。
基本上,我们不是用 div 使用 .box class,而只是抓住与 var kdbantu 相同的方式进行互动的方式然后从那里选择
parent()
节点并附加我们的更改。So I changed this line:
To this:
And I think it's achieved what you wanted.
Basically instead of grabbing every single div with the .box class, we just grab the one being interacted with the same way you did with var kdbantu and then from there we select the
parent()
node and append our change.