JQuery 通过每个循环为输入文本赋值

Question

I have an each loop like so:

$.each(this, function (k, v) {

                        table += '<td><input type="text" name="' + k + '" id="' + k + '" /></td>';
                        $('#' + k).val(v);
                    });

What I am trying to do is populate the input type with what is in v, if I do:

table += '<td><input type="text" name="' + k + '" id="' + k + '" value="' + v + '" /></td>';

the value gets populated with the correct value, but when I submit my form, they are being submitted as empty strings:

<script type="text/javascript">
    $("#form").submit(function (event) {
        $.post("/api/update/", $("#form").serialize(), alert('success'));
    });
</script>

I dont know why $('#' + k).val(v); after the input is created is not working :(

Answer 1

Either add "/api/update/" as the "action" attribute for your form and get rid of your serialization logic, or (more likely what you were going for) put an

event.preventDefault() 

at the top of your submit handler.

The issue is that your submit method by default submits the form, sending a request the form's "action" attribute, (in your case, likely the current page). Thus, your browser creates an errant submit just before executing your $.post.