0

我有一个 .php 页面，我在其中使用 jQuery 创建动态行。我也使用这个库“sisyphus.js”和“sisyphus.min.js”和“jquery-1.7.min.js”。我无法在我的表单中保留我的动态行。

在这里，我以这种形式添加动态行....我将计时器设置为 5 秒。如果我刷新页面 10 秒或更长时间后……它会丢失我添加的所有动态行。

像这样： 

<script type="text/javascript" src="jquery-1.7.min.js"></script>
<script src="sisyphus.js" language="javascript"></script>

<script language="javascript" >
    jQuery('#form1').sisyphus();
    jQuery('form').sisyphus({timeout: 5});
</script>

<script type="text/javascript">
    $(document).ready(function(){       

        $('.del').live('click',function(){
            $(this).parent().parent().remove();
        });

        $('.add').live('click',function(){
            $(this).val('Delete');
            $(this).attr('class','del');
            var appendTxt = "<tr><td><select  name='ptype[]' ><option value='1' >ONE</option><option value='2' >TWO</option></select></td><td><select name='product[]' ><option value='3' >ONE333</option><option value='4' >TWO444</option></select></td><td><input type='text' name='dsc[]' /></td><td><input type='text' name='qty[]' /></td></td><td><input type='button' class='add' value='Add More' /></td></tr>";
            $("tr:last").after(appendTxt);          
        });        
    });
</script>

<form name='form1' id='form1' action='' >
<table id='options-table'>
  <tr>
    <td>Type</td>
    <td>Product</td>
    <td>Desc</td>
    <td>Qty</td>                        
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><select  name='ptype[]' >
        <option value='1' >ONE</option>
        <option value='2' >TWO</option>
      </select></td>
    <td><select name='product[]' >
        <option value='3' >ONE333</option>
        <option value='4' >TWO444</option>
      </select></td>
    <td><input type='text'   name='dsc[]' /></td>
    <td><input type='text'   name='qty[]' /></td>          
    <td><input type='button' class='add' value='Add More' /></td>
  </tr>  
  </tr>
</table>
</form>
4

0 回答 0