2010年3月17日 星期三

【JQUERY】無限欄位+刪除...

無限欄位

這是我做的一個小範例給大家參考,總之   我愛  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>




沒有留言:

張貼留言