关于data赋值问题

Question

<form action="">

    <div class="box1">

        <ul>

            <li data-a="1" class="active"></li>

            <li data-a="2"></li>

            <li data-a="3"></li>

        </ul>

    </div>

    <div class="box2">

        <ul>

            <li data-b="1"></li>

            <li data-b="2"class="active"></li>

            <li data-b="3"></li>

        </ul>

    </div>

    <div class="box3">

        <ul>

            <li data-c="1" class="active"></li>

            <li data-c="2"></li>

            <li data-c="3"></li>

        </ul>

    </div>

    <div class="form-box">

        <input type="hidden" name="a" value="">

        <input type="hidden" name="b" value="">

        <input type="hidden" name="c" value="">

    </div>

    

</form>

怎么把box1 2 3里面的li点击的时候的active类的data-x 赋值到对应x value一个数组里？最后提交是一个无重复的数组