从多个选择选项中提出选择选项

发布于 2025-01-21 07:26:17 字数 2780 浏览 0 评论 0原文

我有选择选项的列表(无限)(无限)

我有一个使用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

久而酒知 2025-01-28 07:26:17

因此,我改变了这一行:

$(".box").append

对此:

$(this).parent().append

我认为这是您想要的。

基本上,我们不是用 div 使用 .box class,而只是抓住与 var kdbantu 相同的方式进行互动的方式然后从那里选择parent()节点并附加我们的更改。

So I changed this line:

$(".box").append

To this:

$(this).parent().append

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文