从多个 select 个选项中调出 select 个选项

Question

这里我有一个帐户列表（无限制），使用 select 选项和 class="selects"

这里我想select和class="selects"如果值为<option value = '1'>那么就会出现other select option,如果值为<option value = '0'>那么之前的select选项会丢失，我成功了

这里的问题我正在使用多个 Akun，我将举一个 3 Akun 的例子，但在我的情况下，原始的是无限的，我想要例如当我 select 一个帐户与 value = '1' 它会在 class 'box' 中显示 choose another option 本身，问题是我在这里而不是从所有帐户中出现，而不是一个接一个

这是我的代码示例，如果除了我使用的代码之外还有其他方法，我会接受，谢谢

$('.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>

Answer 1

所以我更改了这一行：

$(".box").append

为此：

$(this).parent().append

而且我认为它已经达到了你想要的效果。

基本上不是用 .box class 抓取每个 div，我们只是抓取一个以与 var kdbantu 相同的方式进行交互，然后我们从那里 select parent() 节点并附加我们的更改。

从多个 select 个选项中调出 select 个选项

bring up select options from multiple select options

html

jquery

select

option