Logica_ 2015-07-19 19:31 采纳率: 0%
浏览 3158
已采纳

如何用jquery实现,当点击添加行后,行中的value中的EL表达式的值也增加

类似这里添加行的value永远是questionNaireQuestion.option1 , value="${questionNaireQuestion.option1 }"
能否达到这样的效果: value="${questionNaireQuestion.'+(phName)+' }",这样的写法是错误的,改如何写达到如此的效果


 function add(){
         var val = $('#limit').val();
         var lastInput = $('#contain input:last');
         var phName = lastInput.attr('placeholder');
         phName = phName.replace("选项","");
         phName = parseInt(phName,10)+1;
         if(parseInt(val,10)>=parseInt(phName,10)){
              $('<div class="inputs"><input input type="text" id="option" name="option'+(phName)+'" value="${questionNaireQuestion.option1 }" maxlength="30" style="width: 80% "  placeholder="选项'+phName+' " /><span onclick=del(this)>删除</span></div>').insertAfter(lastInput.parent('div'));
         }else{
             alert('超出了最大项');
         }
    }
 <tr id="tr">
        <td class="table_th" >题目选项:      
        <td width="" id="contain">
              <div class='inputs'>
              <input type="text" id="option1" name="option1"
            maxlength="30" style="width: 80%"  placeholder="选项1" value="${questionNaireQuestion.option1 }"/><font
          color="red"> *</font></div>

              <div class='inputs'><input type="text" id="option2" name="option2"
            maxlength="30" style="width: 80%"" placeholder="选项2"value="${questionNaireQuestion.option2 }" />&nbsp;</div>

              <div class='inputs'><input type="text" id="option3" name="option3"
            maxlength="30" style="width: 80% " " placeholder="选项3"value="${questionNaireQuestion.option3 }" /><span  onclick=del(this)>删除</span></div>

              <div class='inputs'><input type="text" id="option4" name="option4"
            maxlength="30" style="width: 80% "  placeholder="选项4" value="${questionNaireQuestion.option4 }"/><span  onclick=del(this)>删除</span></div>

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

            </td>
    </tr>

展开全部

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2015-07-19 19:49
    关注

    一个服务器端,一个客户端的,无法直接使用,客户端的数据要提交到服务器端,服务器端获取后输出你要的内容才行

         function add() {
            var val = $('#limit').val();
            var lastInput = $('#contain input:last');
            var phName = lastInput.attr('placeholder');
            phName = phName.replace("选项", "");
            phName = parseInt(phName, 10) + 1;
            if (parseInt(val, 10) >= parseInt(phName, 10)) {
                var rst = '';
                $.ajax({
                    url: '你的动态页地址',//动态页获取v参数输出需要的内容
                    data: 'v=' + phName,
                    async: false,//一定要同步,要不下面的代码放到success里面才行
                    success: function (d) {
                        rst = d;///赋值
                    }
                })
                $('<div class="inputs"><input input type="text" id="option" name="option' + (phName) + '" value="'+rst+'" maxlength="30" style="width: 80% "  placeholder="选项' + phName + ' " /><span onclick=del(this)>删除</span></div>').insertAfter(lastInput.parent('div'));
            } else {
                alert('超出了最大项');
            }
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 FPGA芯片60进制计数器
  • ¥15 前端js怎么实现word的.doc后缀文件在线预览
  • ¥20 macmin m 4连接iPad
  • ¥15 DBIF_REPO_SQL_ERROR
  • ¥15 根据历年月数据,用Stata预测未来六个月汇率
  • ¥15 DevEco studio开发工具 真机联调找不到手机设备
  • ¥15 请教前后端分离的问题
  • ¥100 冷钱包突然失效,急寻解决方案
  • ¥15 下载honeyd时报错 configure: error: you need to instal a more recent version of libdnet
  • ¥15 距离软磁铁一定距离的磁感应强度大小怎么求
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部