gpt4 book ai didi

javascript - 如何在单击按钮时调用 jquery 函数?

转载 作者:行者123 更新时间:2023-11-28 03:51:59 24 4
gpt4 key购买 nike

我正在用 PHP 创建一个小型大学项目,我想在其中提交一个无需刷新的表单。我正在使用以下代码,但它没有按预期工作。

usercss/demo.js

function newleadentryform(){

document.getElementById('RightPaneContainerDiv').innerHTML="<div id='leadgenerationformdiv'>"+
"<form id='form' 'action='#'>"+
"<table width='352' border='0' class='CSSTableGenerator' style='width: 45%;'>"+
"<tr>"+
"<td>&nbsp</td>"+
"<td>&nbsp;</td>"+
"</tr>"+
"<tr>"+
"<td class='leadgenerationformcss'>Lead Owner</td>"+
"<td><input name='leadowner' type='text' class='leadgenerationtextboxcss' id='leadowner' /></td>"+
"</tr>"+
"<tr>"+
"<td>"+
"<input type='button' id='submit' name='submit' value='Update' onclick='leadgenerationformvalidation()'/>"+
"</td>"+
"<td><input type='reset' value='reset'></td>"+
"</tr>"+
"</table>"+
"</form>"+
"</div><!-- leadgenerationformdiv-->";

}

index.php

<!DOCTYPE html>
<html>
<head>
<title>Examples of using jQuery Alerts</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.draggable.js" type="text/javascript"></script>

<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

<!-- Example script -->
<script type="text/javascript">
$(document).ready( function() {
$("#submit").click( function() {
jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});
});
</script>
<script src="userjs/demo.js"></script>
</head>
<body>
</body>
<a href="#" class="headerAnchorClass" onclick='newleadentryform()'>New Lead</a>
</p>
<div id="RightPaneContainerDiv" style=" float: left; margin-left: 11px; overflow-y: auto; height: 90vh;">
</div>
</html>

当我单击“New Lead”链接时,应打开一个表单,其中包含一个文本字段和一个“更新”按钮,然后该按钮应在不刷新的情况下提交表单。

我怎样才能实现我在这里想要做的事情?提前致谢。

最佳答案

您最好从文件中包含 html,而不是将其作为字符串插入。您会看到可能的错误,并且它的可编辑性要好得多。或者您可以将它包含在页面上并在开始时通过 css 隐藏它,然后在单击“新线索”链接时只需调用 $('form').show();。当您单击更新按钮时,您可能想要执行 AJAX 调用,这可以使用 jQuery 表单插件轻松完成。只需包含它并在“更新”按钮上单击调用 $('form').ajaxForm({url: 'filethatsavesyourpostdata.php', type: 'post'})

关于javascript - 如何在单击按钮时调用 jquery 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25472835/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com