关于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一个数组里？最后提交是一个无重复的数组