javascript - 使用 jQuery 保留文本框值

Question

我想保存新输入的值，以便可以重复使用它们。但是，当我尝试执行以下操作时，它不起作用:

// el is a textbox on which .change() was triggered
$(el).attr("value", $(el).val()); 

当该行执行时，不会生成任何错误，但 Firebug 不会显示 el 的 value 属性已更改。我也尝试了以下方法，但没有成功:

$(el).val($(el).val()); 

我尝试这样做的原因是当我使用 jTemplates 将新内容附加到容器时保留文本框中的值。旧内容保存在变量中，然后添加到容器中。但是，输入到文本框中的所有值都会丢失

var des_cntr = $("#pnlDesignations");
    old = des_cntr.html();
    des_cntr.setTemplate( $("#tplDesignations").html() );
    des_cntr.processTemplate({ 
                                Code: code, 
                                Value: val,
                                DivisionCode: div,
                                Amount: 0.00
                            });
    des_cntr.prepend(old);

这是模板:

<div id="pnlDesignations">
    <script type="text/html" id="tplDesignations">
        <div>
           <label>{$T.Value} $</label>
           <input type="text" value="{$T.Amount}" />
           <button>Remove</button>
           <input type="hidden" name="code" value="{$T.Code}" />
           <input type="hidden" name="div"  value="{$T.DivisionCode}" />
        </div>
    </script>
</div>

Answer 1

您想保存之前的值并在下一个 change 事件中使用吗？

此示例使用.data 来保存先前的值。 See on jsFiddle .

$("input").change(function(){
    var $this = $(this);

    var prev = $this.data("prev"); // first time is undefined

    alert("Prev: " + prev + "\nNow: " + $this.val());

    $this.data("prev", $this.val()); // save current value
});

jQuery .data