调用的模态表单不使用Ajax加载内容。因此,我有一个模式对话框,它应该会出现一个下拉菜单和取消&确定按钮。下拉列表是从数据库加载的,但是它是空的。
我已经尝试过了,但是例子要么很近,要么很远,但是没有一个提供类似的东西。
我也尝试了不同的方法,但最终还是遇到了同样的问题。
查看:
foreach($aRecords as $record)
...
<a href="#"
class="btn btn-primary btn-xs change_parent_class"
data-toggle="modal"
data-target="#confirmChangeParent"
id ="<?php echo $record->id; ?>"
><i class="fa fa-arrow-up"></i> Change Parent</a>
模式
<div class="modal fade" id="confirmChangeParent" role="dialog" aria-labelledby="confirmChangeParent" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Change Parent</h4>
</div>
<div class="modal-body">
<p>Please select one of the following options</p>
<div id="areaChangeParent" name="areaChangeParent"></div>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-info btn-xs default" data-dismiss="modal">
<i class="fa fa-reply"></i> Cancel
</a>
<a href="#" class="btn btn-success btn-xs default" id ="confirmSubmitDelete">
<i class="fa fa-arrow-up"></i> Move
</a>
</div>
</div>
</div>
</div>
JavaScript
$(document).ready(function(){
//function change_parent(id)
$(".change_parent_class").click(function()
{
id = $(this).attr('id');
alert("p-aci:" + id);
e.preventDefault();
$.ajax({
url: "<?php echo base_url() ?>project/project_issue/get_parents/",
method: "POST",
data: {mid:id},
success: function(data)
{
$("#areaChangeParent").html(data);
}
});
});
});
获取数据的控制器函数处于虚拟状态,仅用于测试:
function get_parents()
{
echo "bla";
return "bla bla";
}
无论提示是什么,都会显示为空。
发布于 2019-04-30 09:20:44
您正在使用不带function(e)
的e.preventDefault();
https://stackoverflow.com/questions/55912544
复制相似问题