动态添加数据(三)

(一)html代码结构

<tr>

<th width="80">关键词</th>

<input type="hidden" name="sitebidding"id="sitebidding" value=""  />

<td>

<div id="sitein" style="float: left;"></div>

<input type="text" name="willinput" id="willinput" value=""  />

<input type="button" id="copy" value="添加" />

</td>

</tr>

(二)js代码

var willinput=document.getElementById("willinput");

var sitein=document.getElementById("sitein");

var osave = document.getElementById("sitebidding");

$("#copy").on("click",function(){

sitein.innerHTML+="<input type='hidden' name='sitebiddingUrl[]' value='"+(willinput.value)+"'/><span οnclick='javascript:removeUrl(this)'>"+(willinput.value)+"</span>";

osave.value += willinput.value+',';

$('#willinput').val('');

   

});

function removeUrl(Obj){

var pUrl = jQuery.trim(jQuery(Obj).text());

jQuery("input[name='sitebiddingUrl[]']").each(function(){

if(jQuery(this).val()==pUrl){

jQuery(this).remove();

}

});

Obj.remove();

//把竞价网址存入input框 

Array.prototype.remove=function(dx){

if(isNaN(dx)||dx>this.length){return false;}

for(var i=0,n=0;i<this.length;i++){

if(this[i]!=this[dx]){

this[n++]=this[i]

}

}

this.length-=1

}

var sitebidding = osave.value;

var sitebiddingarr = sitebidding.split(",");

var i = 0;

for (var i; i < sitebiddingarr.length; i++) {

if(sitebiddingarr[i] == pUrl) {

sitebiddingarr.remove(i);

}

}

osave.value = sitebiddingarr;

}