Javascript 在弹出窗口中显示值_Javascript_Php_Jquery_Html_Ajax

Javascript 在弹出窗口中显示值

javascript php jquery html ajax

Javascript 在弹出窗口中显示值,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我想在点击提交按钮后打开的弹出窗口中显示表单值。单击“提交”按钮后，如何在弹出窗口中显示表单值。我的表格在下面 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <form name=

我想在点击提交按钮后打开的弹出窗口中显示表单值。单击“提交”按钮后，如何在弹出窗口中显示表单值。我的表格在下面

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<form name="example" action="" method="post">
<table width="257" border="1">
  <tr>
    <td>Name</td>
    <td><input type="text" name="name" id="name" /></td>
  </tr>
  <tr>
    <td>Father Name</td>
    <td><input type="text" value="" name="fname" id="fname" /></td>
  </tr>
  <tr>
    <td colspan="2"><center><input type="submit" name="submit" value="Show Value" /></center></td>    
  </tr>
</table>
</form>
</body>
</html>


无标题文件
名称
父名

使用输入id获取数据，并在w3上为提交和读取javascript和jquery基本概念设置表单延迟


演示
名称
父名
姓名：


父亲姓名：
$（函数（）{
$（“#对话框”）。对话框({
莫代尔：是的，
自动打开：错误，
标题：“用户详细信息”，
宽度：300，
身高：150，
});
$（“#btnShow”）。单击（函数（e）{
e、 预防默认值（）；
var name=$（“#name”）.val（）；
var fname=$（“#fname”）.val（）；
$（“#显示名称”）.html（名称）；
$（“#show_fname”）.html（fname）；
$（'dialog'）。dialog（'open'）；
setTimeout（函数（）{
$（“#示例”）.submit（）；
}, 3000);
});
});

首先，您的按钮是type=“submit”，但如果您只想显示值，则需要设置type=“button”，并调用onclick属性中的某个函数，什么将显示您的值，如下所示：

按钮

<input type="button" name="button" value="Show Value" onclick="myFunction()"/>

在formsubmit上调用一些jquery并读取表单内容。做些调查。我想在点击提交按钮后打开弹出窗口，在那个里姓名和父亲显示是的，我尝试了，但在这里显示警告框中的值。但我想在点击提交按钮后打开新的弹出窗口，并在新的弹出窗口中显示表单值

<input type="button" name="button" value="Show Value" onclick="myFunction()"/>

function myFunction(){
    var name = document.getElementById("name").value;
    var fname = document.getElementById("fname").value;
    alert(name+' '+fname)
}