jquery中嵌入PHP代码的问题
想要实现点击提交后把input输入框内输入的内容展示在当前页面，打算结合jquery的after功能和php的表单提交功能实现，但不能生效：<html><body><sc...
想要实现点击提交后把input输入框内输入的内容展示在当前页面，打算结合jquery的after功能和php的表单提交功能实现，但不能生效：
<html>
<body>
<script>
$(document).ready(function(){
$("#confirm").click(function(){
$("#new").after("<?php echo $_POST['name'];?>");
});
});
</script>
<form action="<?php echo $_SERVER["PHP_SELF"];?>" method="post">
name:<input type="text" name="name"><br>
<input id="confirm" type="submit">
</form>
<p id="new">this</p>
</body>
</html> 展开
<html>
<body>
<script>
$(document).ready(function(){
$("#confirm").click(function(){
$("#new").after("<?php echo $_POST['name'];?>");
});
});
</script>
<form action="<?php echo $_SERVER["PHP_SELF"];?>" method="post">
name:<input type="text" name="name"><br>
<input id="confirm" type="submit">
</form>
<p id="new">this</p>
</body>
</html> 展开
1个回答
展开全部
首先吧,代码中没有引入jquery库....
其次吧,因为是input:submit,点击的时候不能直接用这个$("#confirm").click,可以用bind绑定事件,如
$('#confirm').bind('click', function() {
alert('sss');
});
再次吧,submit提交表单的时候会有一个刷新页面的动作,click事件是在页面刷新之前(也就是表单提交之前)执行的,所以根本没有$_POST['name'];这个东西,$("#new").after()里面还是个空的
所以你这个可以改一下,
$(document).ready(function(){
$("#new").after("<?php echo $_POST['name'];?>"); //放在这里可以在提交之后看到内容
$('#confirm').bind('click', function() {
//$("#new").after("<?php echo $_POST['name'];?>"); //这里是提交之前执行的
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
