<html>
<head>
<title>
测试JQUERY提交动态文本
</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(function(){ //引用的jquery文件我就不上传了，大家应该都有的。
//by http://dcdc723.iteye.com
$("#a1").clone().appendTo("#ap");
var a=""; //定义全局变量 a;
txtadd();
alert(a); //测试全局变量是否有值；
$("#tall").blur(function(){ alert("测试一下"); }); //添加一个从同步事件里返回文本框的blur事件
$("#a1").blur(function(){ alert("本页面事件!"); });//注意，clone出来的a1文本框不具有blur事件；
function txtadd(){
$.ajax({
async:false, //使用同步请求，因为异步请求不能将返回值传给全局变量；
type:"post",
url:"autotxt.php",
data:{txtid1:1,txtid2:2},
beforeSend:function(){$("#tt").html("数据加载中。。。")},
success:function(data){$("#tt").html(decodeURI(data)); //autotxt.php返回值<input name='tall' id='tall' value='dc' maxlength='6'/>；
a=$("#tall").val(); //将返回值做处理给全局变量
}
});
}
})
</script>
</head>
<body>
<form action="autotxt.php" method="post">
<div id="tt"></div>
<div id="ap"></div>
<input type="text" id="a1" name="a1" value="测试" />
<input type="hidden" id="ok" name="ok" value="ok" />
<input type="submit" value="确定" />
</form>
</body>
</html>
4032
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
