Ajax 将记录添加到下拉菜单而不刷新表单

Ajax 将记录添加到下拉菜单而不刷新表单,ajax,twitter-bootstrap,codeigniter,Ajax,Twitter Bootstrap,Codeigniter,我想在不刷新表单的情况下将记录添加到下拉菜单中。我正在使用codeigniter和bootstrap 以下是引导模式: <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div cl

我想在不刷新表单的情况下将记录添加到下拉菜单中。我正在使用codeigniter和bootstrap

以下是引导模式:

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
            <h4 id="myLargeModalLabel" class="modal-title">Add Record</h4>
        </div>
        <div class="modal-body">

            <form class="sky-form" id="sky-inchidere" method="post" accept-charset="utf-8" action="">
                    <dl class="dl-horizontal">

                        <dt>Name<span class="color-red">*</span></dt>
                        <dd>
                            <section>
                                <label class="input">
                                    <i class="icon-append fa fa-inbox"></i>
                                    <input type="text" value="" name="name" required>
                                    <b class="tooltip tooltip-bottom-right">Add New Record</b>
                                </label>
                            </section>
                        </dd>

                    </dl>
                <hr>
                <button type="submit" class="btn-u" style="float:right; margin-top:-5px;">Submit</button>
            </form>
        </div>
    </div>
</div>
CI控制器(我在这里添加了模态代码以进行测试)

当我使用此代码时,会收到“fail”错误消息

谢谢您的时间。

如何调试: 1.打印您的“tdata”,看看会发生什么; 2.这里有点问题:$this->input->post('name')

尝试使用:

$tdata = array( 
    'name' =>  $this->input->post('name')
);

我设法找到了问题并改正了它。(表格名称上的打字错误) 现在我遇到了一个不同的问题。在ajax成功中,我无法刷新我尝试过的所选下拉记录:

       success:function(tdata)
       {
           // close the modal
           $('#myModal').modal('hide');

           // update dropdown ??
           $('.chosen-select').trigger('liszt:updated');
           $('#field-beneficiar_p').trigger('chosen:updated');
           $('#field-beneficiar_p').trigger('liszt:updated');
       },

如果您能帮助我刷新记录以查看最后添加的项目,我们将不胜感激。我正在使用所选的插件。

从控制器以
json\u encode
然后在js函数中

$.ajax({
                    type: "POST",
                    url: "<?php echo base_url('login/get_time'); ?>",
                    data: {"consltant_name": consltant_name, "time": time},
                    success: function(data) {
                        var data = JSON.parse(data);
                        var options = '';
                        options = options + '<option value="">Please Select One</option>'
                        $.each(data, function(i, item) {
                            options = options + '<option value="' + item + '">' + item + '</option>'
                        });
                        selectbox.html(options);
                    }});
$.ajax({
类型:“POST”,
url:“”,
数据:{“conltant_name”:conltant_name,“time”:time},
成功:功能(数据){
var data=JSON.parse(数据);
var选项=“”;
选项=选项+“请选择一个”
$。每个(数据、功能(i、项){
选项=选项+“”+项目+“”
});
selectbox.html(选项);
}});

试图在控制台中打印“tdata”并查看其中的内容?很抱歉,我不知道如何修改我的代码以解决我的问题。。有没有办法提供一个更详细的例子?
       success:function(tdata)
       {
           // close the modal
           $('#myModal').modal('hide');

           // update dropdown ??
           $('.chosen-select').trigger('liszt:updated');
           $('#field-beneficiar_p').trigger('chosen:updated');
           $('#field-beneficiar_p').trigger('liszt:updated');
       },
$.ajax({
                    type: "POST",
                    url: "<?php echo base_url('login/get_time'); ?>",
                    data: {"consltant_name": consltant_name, "time": time},
                    success: function(data) {
                        var data = JSON.parse(data);
                        var options = '';
                        options = options + '<option value="">Please Select One</option>'
                        $.each(data, function(i, item) {
                            options = options + '<option value="' + item + '">' + item + '</option>'
                        });
                        selectbox.html(options);
                    }});