我可以动态地将输入更改为从mysql

时间:2017-05-08 17:04:27

标签: javascript php jquery mysql ajax

这是我的代码,它会在用户点击"添加更多"之后附加输入表单。按钮。

如何将输入字段更改为从mysql查询数据的下拉菜单?

谢谢^^

我的HTML代码

<form name="add_name" id="add_name">
    <div class="table-responsive">
        <table class="table table-bordered" id="dynamic_field">
            <tr>
                <td><input type="text" name="name[]" class="form-control name_list" /></td>
                <td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td>
            </tr>
        </table>
        <input type="button" name="submit" id="submit" class="btn btn-info" value="Submit" />
    </div>
</form>

我的javascript

<script>  
    $(document).ready(function(){  
        var i=1;  
        $('#add').click(function(){  
            i++;  
            $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text" name="name[]" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');  
        }); 

        $(document).on('click', '.btn_remove', function(){  
            var button_id = $(this).attr("id");   
            $('#row'+button_id+'').remove();  
        });  

        $('#submit').click(function(){            
            $.ajax({  
                url:"name.php",  
                method:"POST",  
                data:$('#add_name').serialize(),  
                success:function(data)  
                {  
                    alert(data);  
                    $('#add_name')[0].reset();  
                }  
            });  
        });  
    });  
</script>

0 个答案:

没有答案