Question

我想使用jQuery实现以下功能：我有一个tr，必须在点击+时重复，并且从下一个tr开始但+并且应该有-个选项。此外，在提交表单时，我想保留所有<tr>和数据的记录。

<div class="clear clearfix table-eform" id="mandatoryConditions">
  <table class="zytbl txDetGrid">
    <tbody>
      <tr class="tophead">
        <td class="bld">
          <?php echo lang( 'LBL_MANDATORY')?>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr class="mandatoryCondition">
        <td>
          <div class="frmInpt">
            <select name="selRulelhsCondition" id="selRulelhsCondition" class="text frmEle">
              <option value="">
                <?php echo lang( 'LBL_SELECT')?>
              </option>
              <option value="1">
                <div>Status</div>
              </option>
            </select>
          </div>
        </td>
        <td>
          <div class="frmInpt">
            <select name="selRuleOperandCondition" id="selRuleOperandCondition" class="text frmEle">
              <option value="">
                <?php echo lang( 'LBL_SELECT')?>
              </option>
              <option value="1">
                <div>Is equal to</div>
              </option>
              <option value="1">
                <div>Is not equal to</div>
              </option>
            </select>
          </div>
        </td>
        <td>
          <div class="frmInpt">
            <select name="selRulerhsCondition" id="selRulerhsCondition" class="text frmEle">
              <option value="">
                <?php echo lang( 'LBL_SELECT')?>
              </option>
              <option value="1">
                <div>Inactive</div>
              </option>
              <option value="1">
                <div>Pending</div>
              </option>
              <option value="1">
                <div>Complete</div>
              </option>
            </select>
          </div>
        </td>
        <td class="actTd action actions">
          <a href="#" class="icon add actButtons dev_addMandatCondition" title="Add Mandatory Condition" onClick="addConditions();"></a>
          <a href="#" class="icon remove actButtons dev_removeMandatCondition" title="Remove Mandatory Condition" style="display: none"></a>
        </td>
      </tr>
    </tbody>
  </table>
</div>

Answer 1

试试这个并发表评论：table class name是copycontainer1，tr class name是copycontainerinner1。

添加新行

$(".btnAddMore1").click(function(){
    var elem=$(this).parents('.copycontainer1').find("select, textarea, input");

    var container=$(this).parents('.copycontainer1');

    var frmval=elem.serialize();

    var noOfLocation=$('.copycontainerinner1').length;

    var html='';

    var $row=$(".copycontainer1").append($(".copycontainerinner1:eq(0)").clone(true));
    var dealLean=$(".copycontainerinner1").length;

    var oneUp=dealLean-1;

    var html='<a href="javascript:;" class="removecustomsuit" style="position:right:8px;">-</a>';

    $(".copycontainerinner1:eq("+oneUp+") td:last-child").append(html);
    $(".copycontainerinner1:eq("+oneUp+") input[type=text],.copycontainerinner1:eq("+oneUp+") select").val('');
    $(".copycontainerinner1:eq("+oneUp+") span").text('');
    $(".copycontainerinner1:eq("+oneUp+") input[type=checkbox]").attr('checked',false);
});

删除tr

$('.removecustomsuit').live('click',function(){
    $(this).parents('.copycontainerinner1').remove();
});

试试这个你可以执行任务

jquery onclick加载tr

1 个答案: