javascript - jquery 克隆输入看不到值的更改

Question

我有一个带有隐藏输入的表单。

我 .clone() 它们并在 .dialog() 中将它们显示给用户。

用户进行了一些更改，我使用 .val() 来更改隐藏字段。

然而，下次我克隆表单(不重新加载页面)时，我又得到了初始值，并且再也没有更新过。

似乎有这个奇怪的错误/结果？见http://jsfiddle.net/YvBfP/ (也因可见输入而损坏)

$(this).closest('td').find('button').click( function ()
{
    var d = $('#pagamento_anticipato').html();

    $(d).dialog({
        modal: true,
        width: 400,
        height: 300,
        close: function( event, ui ) {
                var importo = $(this).find('input[type="text"]').val();
                var descrizione = $(this).find('textarea').val();
                var select = $(this).find('select').val();
                $(this).remove();

                $('#pagamento_anticipato').find('input[id="importo"]').val( importo );
                $('#pagamento_anticipato').find('#descrizione').val( descrizione );
                $('#pagamento_anticipato').find('#tipo').find('option[value="' + select + '"]').attr('selected', true);

            }
    });
    return false;
});

Answer 1

使用 .val()设置/获取元素的当前值而不是属性。

$(element).val(value) // sets current value
$(element).val() // <-- will always return the current value

要更改您必须使用的属性 .attr()

$(element).attr('value',value)

然后你会在HTML中看到变化

http://jsfiddle.net/wirey00/bJjjw/

编辑:

刚刚发现这不适用于 jQuery 1.5.x 和更低版本.. 用 jQuery 1.6.0+ 测试它并且工作正常