国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

jquery動(dòng)態(tài)增加text元素以及刪除文本內(nèi)容實(shí)例代碼

2019-11-20 22:35:21
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
這段代碼是通過(guò)jquery動(dòng)態(tài)增加限定數(shù)額的text(本例為5個(gè)) ,以及清除文本內(nèi)容,用到了after()方法追加元素。
<!--以下為script代碼開(kāi)始-->
復(fù)制代碼 代碼如下:

<script>
$(document).ready(function(){
var spotMax = 5;//限定添加text元素的總個(gè)數(shù)
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);
});
});
//添加選項(xiàng)方法
function addSpot(obj, sm,afterId,newId) {
if($('tr.spot').size() < sm){
$('#vote_'+afterId).after(
'<tr id="vote_'+newId+'" class="spot"><th>'+afterId+'</th>' +
'<td><input type="text" id="txtInput_'+afterId+'" class="input-text" value="" size="40" name="names" /></td> ' +
'</tr>');
$(":text[id^='txtInput_']").val("輸入文本...");//給新增的文本賦予初始值
}
else{
alert("最多只能添加5項(xiàng)投票!");
}
};
//重置選項(xiàng)
$("input#btnResetOption").click(function(){
$(":text[id^='txtInput_']").val("");//清空文本內(nèi)容
});
</script>

<!--以下為script代碼結(jié)束-->
<!--以下為html代碼塊開(kāi)始-->
復(fù)制代碼 代碼如下:

<form method='post' id="updateForm" action="admin/vote/doVote">
<table cellpadding=0 cellspacing=0 width="100%" class="table_form">
<tr>
<th width="140">投票名稱(chēng)</th>
<td>
<input type="text" id="txtName" name="name" class="input-text" value="" size="85"/>
</td>
</tr>
<tr>
<th width="140">投票描述</th>
<td>
<textarea id="txtDescribe" class="input-text" name="remark" cols="85" ></textarea>
</td>
</tr>
<tr>
<th width="140">開(kāi)始時(shí)間</th>
<td>
<input type="text" id="dateMin" class="input-text" value="" name="startDate" size="40" readonly="readonly"/>
</td>
</tr>
<tr>
<th width="140">結(jié)束時(shí)間</th>
<td>
<input type="text" id="dateMax" class="input-text" name="endDate" size="40" readonly="readonly"/>
</td>
</tr>
<tr>
<th width="140">是否多選</th>
<td>
<input type="radio" id="txtEndTime" name="isSelect" value="0" size="40"/>單選
<input type="radio" id="txtEndTime" name="isSelect" value="1" size="40"/>多選
</td>
</tr>
<tr id="vote_1">
<th width="140">投票選項(xiàng)</th>
<td>
<input type="button" id="btnAddOption" name="btnAddOption" class="button" value="添加選項(xiàng)"/>
<input type="reset" id="btnResetOption" name="btnResetOption" class="button" value="重置選項(xiàng)"/>
</td>
</tr>
<tr id="save">
<th></th>
<td align="left">
<input type="submit" id="btnSave" name="btnSave" class="button" style="width:50px" value="保存"/>
<input type="submit" id="btnClose" name="btnClose" class="button" style="width:50px" value="取消"/>
</td>
</tr>
</table>
</form>

<!--以下為html代碼塊開(kāi)始-->
以下是運(yùn)行效果:
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 东城区| 金门县| 旅游| 古交市| 桐庐县| 龙胜| 旬邑县| 文昌市| 台东市| 温州市| 金乡县| 东港市| 集安市| 灵川县| 云安县| 江安县| 岑溪市| 西充县| 六安市| 承德县| 普兰县| 林州市| 乌兰浩特市| 密云县| 平南县| 凤冈县| 集安市| 姜堰市| 石泉县| 贡山| 青阳县| 同江市| 海门市| 肥东县| 永兴县| 张家口市| 乐昌市| 宁蒗| 怀宁县| 衡阳县| 白河县|