实现了点击添加选项增加行,但是每次增加一行都要用一个else if,所以在后面我增加了一个
最多<input type="text" name="maxnum" style="width: 4%"/>项
用来输入本次添加选项需要设置多少项,超出就做出提示,做了很久还是做不出来,菜鸟求助各位
<script>
function del(t){
$(t).parent('div').remove();
}
function add(){
var lastInput = $('#contain input:last');
var phName = lastInput.attr('placeholder');
var maxNum = $("#maxnum").val();
phName = phName.replace("选项","");
if(phName=='1'){
phName='2'
}else if(phName=='2'){
phName='3'
}else if(phName=='3'){
phName='4'
}else if(phName=='4'){ **_ //这部分如何用数组循环实现_**
phName='5'
}else if(phName=='5'){
phName='6'
}
$('<div class="inputs"><input input type="text" id="commentx" name="comment" maxlength="30" style="width: 80% " placeholder="选项'+phName+'" /><span onclick=del(this)>删除</span></div>').insertAfter(lastInput.parent('div'));
}
</script>
<tr id="tr">
<td class="table_th" >题目选项:
<td width="" id="contain">
<div class='inputs'>
<input type="text" id="comment" name="comment"
maxlength="30" style="width: 80%" placeholder="选项1"/><font
color="red"> *</font></div>
<div class='inputs'><input type="text" id="title" name="title"
maxlength="30" style="width: 80%"" placeholder="选项2" /> </div>
<div class='inputs'><input type="text" id="commentx" name="comment"
maxlength="30" style="width: 80% " " placeholder="选项3" /><span onclick=del(this)>删除</span></div>
<div class='inputs'><input type="text" id="commentx" name="comment"
maxlength="30" style="width: 80% " placeholder="选项4" /><span onclick=del(this)>删除</span></div>
<div><a href="javascript:;" class="addRow" id="addRow" onclick="javascript:add()">+添加选项</a></div>
</td>
</tr>
<tr>
<td class="table_th">选择模式:</td>
<td width="">
最多<input type="text" id="maxnum" name="maxnum" style="width: 4%"/>项
</td>
</tr>