Dynamic splicing array

I would like to ask, click on the name="choose0-0requests of the plus sign select on the right, and each click changes from 0-0 to 0-1, which disrupts the order and adds bug, requirements as shown in the following figure

.


< html lang= "en" >

< head >

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
    * {
        padding: 0;
        margin: 0;
    }
    .bigBox{
        margin-top: 60px;
        margin-left: 30px;
    }
    .bigBox a{
        text-decoration:none;
        font-size: 1.4em;
    }
</style>

< / head >
< script src= "jquery.js" > < / script >
< body >
< div class= "bigBox" >

<div class="box">
    <div class="sbox">
        <select name="choice0-0" id="choice">
            <option value="="></option>
            <option value="!="></option>
        </select>
        <select name="tag[]" id="select">
        <option  value="">a</option>
        </select>
        <a href="-sharp-sharp" class="add">+</a>
    </div>
    <a href="-sharp-sharp" class="addall">+</a>
</div>

< / div >
< script >

//
 $(function(){
    let a=0;
    let b=0;
    $(document).on("click",".add",function(){
        b+=1;
        var value=`<select name="" id="">
        <option value="AND"></option>
        <option value="OR"></option>
        </select>
        <select name="choice`+a+`-`+b+`" id="choice">
        <option value="="></option>
        <option value="!="></option>
        </select>
        <select name="tag[]" id="select">
    <option  value="">a</option>
        </select>
        <a href="-sharp-sharp" class="add">+</a>`;
        $(this).parent().append(value);
    })
 });


//

$(function () {

   let a = 0;
   let b = 0;
$(document).on("click",".addall",function(){
   let b = $(".bigBox").children().length;    
    var v=`<div class="box">
    <div>
    <select name="choose[]" id="">
    <option value="AND"></option>
    <option value="OR"></option>
    </select>
    <select name="choice`+b+`-`+a+`" id="">
    <option value="="></option>
    <option value="!="></option>
    </select>
    <select name="tag[]" id="select">
<option  value="">a</option>
    </select>
    <a href="-sharp-sharp" class="add">+</a>
    </div>
    <a href="-sharp-sharp" class="addall">+</a>
    </div>`;
    $(this).parent().parent().append(v)
})

})
< / script >
< / body >

< / html >

Mar.09,2021

Let's simply fix it for you. No, no, no.

+</a>`;
        $(this).parent().append(value);
    })
 });
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e491af-44cf7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e491af-44cf7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?