javascript - 关于data赋值问题

Question

<form action="">
    <p class="box1">
        <ul>
            <li data-a="1" class="active"></li>
            <li data-a="2"></li>
            <li data-a="3"></li>
        </ul>
    </p>
    <p class="box2">
        <ul>
            <li data-b="1"></li>
            <li data-b="2"class="active"></li>
            <li data-b="3"></li>
        </ul>
    </p>
    <p class="box3">
        <ul>
            <li data-c="1" class="active"></li>
            <li data-c="2"></li>
            <li data-c="3"></li>
        </ul>
    </p>

    <p class="form-box">
        <input type="hidden" name="a" value="">
        <input type="hidden" name="b" value="">
        <input type="hidden" name="c" value="">
    </p>
    
</form>

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

Answer 1

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

Answer 2

var ipt1=[];
    $(".box1").find("li").each(function(index,element){
        $(element).on("click",function(){
            ipt1.push($(this).data("a"));
            $("input[name='a']").val($(this).data("a"));
            console.log(ipt1)
        })
    })

没看懂你的具体需要，你看看这个能解决你的需求不。