<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
</head><script type="text/javascript">
$(function(){
$("#Button1").click(function(){
$("#ad").append("<div class='bb'><label class='aa'>A</label><input class='b' type='text' /><br /></div>");
var $ss=$("#ad").children().length+64;
$("#ad .bb:last .aa").text(String.fromCharCode($ss));
});
$("#Button2").click(function(){
$("#ad .bb:last").remove();
});
$(".bb .b").blur(function(){
var $ee = $(".bb .b");
for(var i=0;i< $ee.length;i++){
if(i==0){$("#cc").text("");};
var $c1=$("#cc").text();
var $c2=$ee[i].val();
$("#cc").text($c1+"|"+$c2);
};
});
});
</script>
<body>
<div id="ad">
<div class="bb"><label class="aa">A</label><input class="b" type="text" /><br /></div>
<div class="bb"><label class="aa">B</label><input class="b" type="text" /><br /></div>
<div class="bb"><label class="aa">C</label><input class="b" type="text" /><br /></div>
<div class="bb"><label class="aa">D</label><input class="b" type="text" /><br /></div>
</div>
<input id="Button1" type="button" value="+" />
<input id="Button2" type="button" value="-" />
<label id="cc"></label>
</body>
</html>我想让鼠标离开任意一个text框时, 底下的label控件能显示出上面所有text框加起来的内容
问题出在循环代码里面了, 好像是var $c2=$ee[i].val();这句, 请问我的循环应该怎么写啊?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
</head><script type="text/javascript">
$(function(){
$("#Button1").click(function(){
$("#ad").append("<div class='bb'><label class='aa'>A</label><input class='b' type='text' /><br /></div>");
var $ss=$("#ad").children().length+64;
$("#ad .bb:last .aa").text(String.fromCharCode($ss));
});
$("#Button2").click(function(){
$("#ad .bb:last").remove();
});
$(".bb .b").blur(function(){
var $ee = $(".bb .b");
for(var i=0;i< $ee.length;i++){
if(i==0){$("#cc").text("");};
var $c1=$("#cc").text();
var $c2=$ee[i].val();
$("#cc").text($c1+"|"+$c2);
};
});
});
</script>
<body>
<div id="ad">
<div class="bb"><label class="aa">A</label><input class="b" type="text" /><br /></div>
<div class="bb"><label class="aa">B</label><input class="b" type="text" /><br /></div>
<div class="bb"><label class="aa">C</label><input class="b" type="text" /><br /></div>
<div class="bb"><label class="aa">D</label><input class="b" type="text" /><br /></div>
</div>
<input id="Button1" type="button" value="+" />
<input id="Button2" type="button" value="-" />
<label id="cc"></label>
</body>
</html>我想让鼠标离开任意一个text框时, 底下的label控件能显示出上面所有text框加起来的内容
问题出在循环代码里面了, 好像是var $c2=$ee[i].val();这句, 请问我的循环应该怎么写啊?
$("#Button1").click(function(){
$("#ad").append("<div class='bb'><label class='aa'>A</label><input class='b' type='text' /><br /></div>");
var $ss=$("#ad").children().length+64;
$("#ad .bb:last .aa").text(String.fromCharCode($ss));
});
$("#Button2").click(function(){
$("#ad .bb:last").remove();
});
$(".bb .b").blur(function(){
var $ee = $(".bb .b");
var array = [];
for(var i=0;i< $ee.length;i++){
// if(i==0){$("#cc").text("");};
// var $c1=$("#cc").text();
// var $c2=$ee[i].val();
array.push($ee[i].value);
$("#cc").text(array.join("|"))
};
});
});