Add value to hidden form field .on Jquery 1

by aaronk85

HTML

<form action="" name="testform" method="post" id="testform">
    <input type="hidden" value="" name="a[]">
    <input type="hidden" value="" name="b[]">
    <input type="hidden" value="" name="c[]">
    <select>
        <option value=""></option>
        <option value="1" data-value="qwer,12,13">1</option>
        <option value="2" data-value="21,22,23">2</option>
        <option value="3" data-value="31,32,33">3</option>
        <option value="4" data-value="41,42,43">4</option>
        <option value="5" data-value="51,52,53">5</option>
    </select>     
</form>

JavaScript

$(function() {
    $('select').on('change', function() {
        var select_val = $(this).find('option:selected').data('value');
        var a = select_val.split(',');
        $('input[name="a[]"]').val(a[0]);
        $('input[name="b[]"]').val(a[1]);
        $('input[name="c[]"]').val(a[2]);
    });
});