Logica_ 2015-07-14 06:54 采纳率: 0%
浏览 3750
已采纳

求助用Jquery实现，点击添加选项新增一行

求助用Jquery实现，点击添加选项新增一行，点击后增加选项五，再点击增加选项六

<table id="table_items" class="hovertable" style="width: 100%;" cellspacing="0"
    cellpadding="0">
    <tr id="tr">
        <td class="table_th" >题目选项：
        <td width="" id="contain"><input type="text" id="comment" name="comment"
            maxlength="30" style="width: 80%"  placeholder="选项一"/><font
            color="red"> *</font>
                <input type="text" id="title" name="title"
            maxlength="30" style="width: 80%"" placeholder="选项二" />
                <input type="text" id="commentx" name="comment"
            maxlength="30" style="width: 80% " " placeholder="选项三" />
                        <input type="text" id="commentx" name="comment"
            maxlength="30" style="width: 80% "  placeholder="选项四" />

            <div><a href="javascript:;" class="addRow" id="addText" onclick="javascript:add()">+添加选项</a></div>

            </td>
    </tr>
    </table>
  • 写回答

5条回答 默认 最新

  • danielinbiti 2015-07-14 07:58
    关注
     <script>
    function del(t){
         $(t).parent('div').remove();
    }
    function add(){
         var lastInput = $('#contain input:last');
         var phName = lastInput.attr('placeholder');
         phName = phName.replace("选项","");
         if(phName=='一'){
              phName='二'
         }else if(phName=='二'){
              phName='三'
         }else if(phName=='三'){
              phName='四'
         }else if(phName=='四'){
              phName='五'
         }else if(phName=='五'){
              phName='六'
         }
         $('<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>
<body> 
    <table id="table_items" class="hovertable" style="width: 100%;" cellspacing="0"
    cellpadding="0">
    <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="选项一"/><font
          color="red"> *<span  onclick=del(this)>删除</span></font></div>

              <div class='inputs'><input type="text" id="title" name="title"
            maxlength="30" style="width: 80%"" placeholder="选项二" /><span  onclick=del(this)>删除</span></div>

              <div class='inputs'><input type="text" id="commentx" name="comment"
            maxlength="30" style="width: 80% " " placeholder="选项三" /><span  onclick=del(this)>删除</span></div>

              <div class='inputs'><input type="text" id="commentx" name="comment"
            maxlength="30" style="width: 80% "  placeholder="选项四" /><span  onclick=del(this)>删除</span></div>

            <div><a href="javascript:;" class="addRow" id="addText" onclick="javascript:add()">+添加选项</a></div>

            </td>
    </tr>
    </table>
</body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能！！有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗？
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题：求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘