我有两个在我的页面上运行的脚本,它们可以独立工作,但不能一起工作.脚本的第一部分是ajax POST,它根据搜索从我的数据库中选择行.这都是在模态窗口中呈现的.第二个脚本等待.btnSave id中的单击,关闭模式窗口并将id的值复制到表的最后一行.
两个javascript文件一起是:
$(document).ready(function()
{
$('.btnSave').click(function() {
alert();
var value = this.id;
$('#tablemain tbody tr:last #itemlookup').val(value);
$('#tablemain tbody tr:last #itemlookup').focus();
$('#productlookup').modal('hide');
});
$("#simple-post").click(function()
{
$("#ajaxform").submit(function(e)
{
var postData = $(this).serializeArray();
$.ajax(
{
url : "ajax.php",
type: "POST",
data : postData,
success:function(data)
{
$("#simple-msg").html(data);
}
});
e.preventDefault(); //STOP default action
});
$("#ajaxform").submit(); //SUBMIT FORM
});
});
Run Code Online (Sandbox Code Playgroud)
主要的PHP文件包括模态窗口:
<div id="productlookup" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Instant Car Parts Stock …Run Code Online (Sandbox Code Playgroud)