js的代码改为jQuery要怎么写
<head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></title...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<script type="text/javascript">
function ok(a){
var textfields=a.textfield.value;
var formid=a.id;
document.getElementById("hh").innerHTML="来自表单："+formid+",所输入内容为："+textfields;
return false;
}
</script>
<body>
<form id="form1" name="form1" method="get" action="" onsubmit="return ok(this);">
<input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="提交" />
</form>
<form id="form2" name="form2" method="get" action="" onsubmit="return ok(this);">
<input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="提交" />
</form>
<div id="hh"></div>
</body>
</html>
现用javascript写的,我不知道用jQuery要怎么写。注意,里面有两个表单,表单的内容只是form的id 不一样。在点击表单提交的时候,要怎样获取得表单的id值,我主要是这里不明白。麻烦帮我改写成jQuery的代码。 展开
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<script type="text/javascript">
function ok(a){
var textfields=a.textfield.value;
var formid=a.id;
document.getElementById("hh").innerHTML="来自表单："+formid+",所输入内容为："+textfields;
return false;
}
</script>
<body>
<form id="form1" name="form1" method="get" action="" onsubmit="return ok(this);">
<input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="提交" />
</form>
<form id="form2" name="form2" method="get" action="" onsubmit="return ok(this);">
<input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="提交" />
</form>
<div id="hh"></div>
</body>
</html>
现用javascript写的,我不知道用jQuery要怎么写。注意,里面有两个表单,表单的内容只是form的id 不一样。在点击表单提交的时候,要怎样获取得表单的id值,我主要是这里不明白。麻烦帮我改写成jQuery的代码。 展开
4个回答
展开全部
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function(){
var textfields=$(this ":text").val();
var formid=$(this).attr("id");
$("hh").html("来自表单："+formid+",所输入内容为："+textfields);
});
});
</script>
<body>
<form id="form1" name="form1" method="get" action="" onsubmit="return ok(this);">
<input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="提交" />
</form>
<form id="form2" name="form2" method="get" action="" onsubmit="return ok(this);">
<input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="提交" />
</form>
<div id="hh"></div>
</body>
</html>
这是用JQ的方法，不过你需要下载JQ运行库，从这儿可以下载到
http://www.w3school.com.cn/jquery/jquery.js
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function(){
var textfields=$(this ":text").val();
var formid=$(this).attr("id");
$("hh").html("来自表单："+formid+",所输入内容为："+textfields);
});
});
</script>
<body>
<form id="form1" name="form1" method="get" action="" onsubmit="return ok(this);">
<input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="提交" />
</form>
<form id="form2" name="form2" method="get" action="" onsubmit="return ok(this);">
<input type="text" name="textfield" id="textfield" />
<input type="submit" name="button" id="button" value="提交" />
</form>
<div id="hh"></div>
</body>
</html>
这是用JQ的方法，不过你需要下载JQ运行库，从这儿可以下载到
http://www.w3school.com.cn/jquery/jquery.js
追问
今天看了你这段代码,也是测试了一天,发现有几个小错误,比如var textfields=$(this ":text").val();
这一句,应该是var textfields=$(this+":text").val();不过呢,这样写可能等于var textfields=$("form:text").val();因为我实际测试时,所获取到的值都是第一个文本框的值。无论是第一个表单提交还是第二个表单的提交。另外,不知道为什么, 在IE测试的时候,根本就获取不到文本框的值。不知道能不能跟你探讨一下。我的Q260756915
追答
哦，我错了
用this是指这个原件，
$("ul li")是指在ul下面的li原件
我用this是想将点击时的原件传送过来，但忘记，this是指自身，不可能有下一个原件
你写的$("form:text")也不正确
因为你有两个提交表单，这样写，你提交第2个时，也会获取第1个表单
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
$(document).ready(function(){
$("form").submit(function(){
var formid=$(this).attr("id");
var textfields=$("#"+formid+" :text").val();
alert(textfields)
$("#hh").html("来自表单："+formid+",所输入内容为："+textfields);
});
});
1212
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#form1").submit();
$("#form1").submit();
原理就是这样的
$("#form1").submit();
原理就是这样的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function(){
$("#button").click(function(){
var formid= $("#form1").attr("id");
var textfields= $("#textfield").val();
$("#hh").html("来自表单："+formid+",所输入内容为："+textfields);
});
});
在<head>里引用一个jquery类库
$("#button").click(function(){
var formid= $("#form1").attr("id");
var textfields= $("#textfield").val();
$("#hh").html("来自表单："+formid+",所输入内容为："+textfields);
});
});
在<head>里引用一个jquery类库
追问
今天看了 回答者： net533 的回答,然后又是改来改去测试了一天,还是有几个问题没有解决,看了你的这个回答,觉得还是有点问题,我没有测试,因为var textfields= $("#textfield").val();这一句应该永远都只去取第一个文本框的值。不知道能不能跟你探讨一下。我的Q260756915
追答
$(function(){
$("#form1 #button").click(function(){
var formid= $("#form1").attr("id");
var textfields= $("#form1 #textfield").val();
$("#hh").html("来自表单："+formid+",所输入内容为："+textfields);
});
$("#form2 #button").click(function(){
var formid= $("#form2").attr("id");
var textfields= $("#form2 #textfield").val();
$("#hh").html("来自表单："+formid+",所输入内容为："+textfields);
});
});
把
( 这句已经刷新了页面提交了)
改为
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
帮你找了个函数,参数是毫秒.你试试吧.
function sleep(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime) return;
}
}
function sleep(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime) return;
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
