玩法介绍当前位置:万彩娱乐平台 > 玩法介绍 > >

万彩娱乐jquery动态增加text元素以及删除文本内容

  

[jquery动态增加,text元素,删除文本]jquery动态增加text元素以及删除文本内容实例代码

  这段代码是通过jquery动态增加限定数额的text(本例为5个) ,以及清除文本内容,用到了after()方法追加元素。

  
  
代码如下:

  
  
$(document).ready(function(){  
var spotMax = 5;//限定添加text元素的总个数  
var afterId = 0;//要追加元素的id  
var newId=1;//新生成text的id  
if($('table#vote').size() >= spotMax) {}  
$("#btnAddOption").click(function(){  
afterId++;  
newId=afterId+1;  
addSpot(this, spotMax,afterId,newId);  
});  
});  
//添加选项方法  
function addSpot(obj, sm,afterId,newId) {  
if($('tr.spot').size() < sm){  
$('#vote_'+afterId).after(  
''+afterId+'' +  
' ' +  
'');  
$(":text[id^='txtInput_']").val("输入文本...");//给新增的文本赋予初始值  
}  
else{  
alert("最多只能添加5项投票!");  
}  
};  
//重置选项  
$("input#btnResetOption").click(function(){  
$(":text[id^='txtInput_']").val("");//清空文本内容  
});  
  
  
  
  
代码如下:
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
投票名称  
  
投票描述  
  
开始时间  
  
结束时间  
  
是否多选  
单选  
多选  
投票选项  
  
万彩娱乐注册  
  
  
  
  
  
  
  
以下是运行效果:  

(责任编辑:admin)

上一篇:万彩娱乐注册微商的致胜法宝——微信分销

下一篇:没有了

推荐内容

客户服务热线

010-400-12345

在线客服