javascript - 关于data赋值问题

问题描述

问 题

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

解决方案

谢邀， 按照你的需求写了个demo，看看合要求不。
https://fiddle.jshell.net/0uw...

这篇关于javascript - 关于data赋值问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！