Question

我有4个静态字段插入到Mysql数据库中，当我填写第一个字段时，其他3个字段自动填充，这很好用，但现在我已经转移到动态字段[]，由javascript填充。因为javascript函数可以使用＆＃39; id＆＃39;为了自动完成和填充，似乎javascript动态字段不会自动填充和填充。

以下是动态字段的javascript：

 $(document).ready(function() {
        var max_fields      = 30; //maximum input boxes allowed
        var wrapper         = $(".input_fields_wrap"); //Fields wrapper
        var add_button      = $(".add_field_button"); //Add button ID

        var x = 1; //initlal text box count
        $(add_button).click(function(e){ //on add input button click
            e.preventDefault();
            if(x < max_fields){ //max input box allowed
                x++; //text box increment
                $(wrapper).append('<table class="table table-bordered"><td><input class="form-control" id="state" type="text" name="name[]" required /></td><td><input class="form-control" type="text" name="surname[]" /></td><td><input class="form-control" type="text" name="idnumber[]" required/></td><td><input class="form-control" type="text" name="uniquenumber[]" required/></td><td><input class="form-control" type="text" name="nominee_photo[]" required/></td></table></div>'); //add input box
            }
        });

        $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
            e.preventDefault(); $(this).parent('div').remove(); x--;
        })
    });

这是表格

 <form method="post" name="form1" action="ajax.php">
        <div class="input_fields_wrap">
              <button class="add_field_button btn btn-primary btn-flat">Add More users</button>
         </div>
         <div>
             <input class="btn btn-success btn-flat" name="submit" type="submit">
         </div>
             <input type="hidden" name="insert" value="form1">
    </form>

以下是自动填充字段的ajax函数

$(function() {

            $('#uniquenumber').val("");
            $('#name').val("");
            $('#surname').val("");

            $('idnumber').autocomplete({
                source: "ajaxpage.php",
                minLength: 4,
                select: function(event, ui) {

                    $('#id').val(ui.item.id);
                    $('#uniquenumber').val(ui.item.uniquenumber);
                    $('#name').val(ui.item.name);
                    $('#surname').val(ui.item.surname);

                },

                response: function(event, ui) {
            // ui.content is the array that's about to be sent to the response callback.
                     if (ui.content.length === 0) {
                     alert("please insert a valid ID Number");
                     $("#empty-message").text("No results found");
            }
                 }
            });


        });

Answer 1

您可以使用公共类作为虚拟类而不是id。然后调用自动完成:) 我希望这会对你有所帮助。

Ajax Auto填充不处理动态字段而是静态字段

1 个答案: