無限欄位
這是我做的一個小範例給大家參考,總之 我愛 JQUERY
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" >
function delthis($input)
{
//alert("01");
$("#"+$input).remove();
}
function addnew()
{
$tmpcount=$("#tmpcount").html();
$nowhtml=$("#addsayadd").html();
$tmphtml='<div id="addsay'+$tmpcount+
'" ><br><input maxlength="10" size="10" name="addsay[]">
<textarea cols="10" rows="2" name="addsayc[]"></textarea>
<input value="delthis" type="button"
onclick="delthis(\'addsay'+$tmpcount+'\')" ></div>';
//$("#addsayadd").add($tmphtml);
$("#addsayadd").add($tmphtml).appendTo($("#addsayadd"));;
$(tmpcount).html($tmpcount++);
}
</script>
<div id="tmpcount">1</div>
<input type="button" value="addnew" onclick="addnew()">
<div id="addsay" ><br>
<input maxlength="10" size="10" name="addsay[]">
<textarea cols="10" rows="2" name="addsayc[]"></textarea></div>
<div id="addsayadd" ></div>
2010年3月17日 星期三
【JQUERY】無限欄位+刪除...
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言