0

.valueこれは、javascript に関する簡単な質問です。.defaultValue

これが私の最初のhtmlです

<input id="txt" value="Hello">
</input>
<input type="button" id="btn" />

そして対応するjs

$('#btn').click(function(){
    alert('Old Value '+ document.getElementById('txt').defaultValue);
    alert('New value ' + document.getElementById('txt').value);
});

したがって、上記の html にはデフォルトで がありますHello。いくつかの文字を削除して作成しHel、ボタンを押すと、得られる出力Old Value HelloはNew value Hel

ここにデモがあります

ここに私の2番目のhtmlがあります

<input id="txt" ></input>
<input type="button" id="btn" />

そして対応するjs

$('#txt').val('Hello');
$('#btn').click(function(){
    alert('Old Value '+ document.getElementById('txt').defaultValue);
    alert('New value ' + document.getElementById('txt').value);
});

ここで、いくつかの文字を削除して作成しHel、ボタンを押すと、得られる出力Old ValueはNew value Hel

ここにデモがあります

両方の例で defaultValue の違いを説明できる人はいますか

4

1 に答える 1

2

デフォルト値は入力フィールドの初期値によって設定されるため... 2 番目のケースでは空の文字列です... を更新しないスクリプトを使用して値を変更しています。defaultValue

デフォルト値:

このオブジェクトを作成した HTML で最初に指定されたデフォルト値。

.prop()を使用して、値を更新した後に defaultValue の値を更新できます

$('#txt').val('Hello').prop('defaultValue', 'Hello');

また

$('#txt').val('Hello').prop('defaultValue', function(){
    return this.value
});

デモ:フィドル

于 2013-10-21T08:29:35.570 に答える