javascript - 使用 jquery 将单个值分配给具有相同类名的文本字段

Question

我想从“data-val”输入字段中获取值，该输入字段是连字符分隔的，在删除连字符后，应将单个值分配给具有相同类名的单独文本框，而不是单独的值，只有最后一个值分配给每个文本框。

例如，如果 data-val 类具有类似 3-4-5 的值，那么它应该用“-”分隔，并将单独的值分配给分隔的文本字段。

<input type="text" class="form-control data-val" onblur="assign_val('data-val','input_val')"value=""/>

<input type="text" class="form-control input_val" name="">

 <input type="text" class="form-control input_val"  name="">

<input type="text" class="form-control input_val"  name="">

<script>

    function assign_val(data-val,input_val) {

            var data-val = $(".data-val").val(); 

            var count = $('.' + input_val).length;
            var i;
            var data-val= data-val.split("-");  

            for (i = 1; i <= data-val.length; i++)
            {

              $(".input_val").val(data-val[i]);
            }

        }
    </script>

Answer 1

您可以使用 JQuery .each https://api.jquery.com/each/ 来做到这一点

$( ".input_val" ).each(function( index ) {
  $(this).val(data-val[index]);
});