Ajax 将记录添加到下拉菜单而不刷新表单
我想在不刷新表单的情况下将记录添加到下拉菜单中。我正在使用codeigniter和bootstrap 以下是引导模式: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
<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);
}});