javascript 追加 JQuery でテキスト フィールドの値をクリアする




jquery テキストボックス 追加 (12)

    First Name: <input type="text" autocomplete="off" name="input1"/>
    <br/>
    Last Name: <input type="text" autocomplete="off" name="input2"/>
    <br/>
    <input type="submit" value="Submit" />
</form>

私はこれが簡単な質問だと理解していますが、何らかの理由でこれは私のために働いていません。 ドロップダウンメニューが変更されるたびにトリガされる機能があります。 値が存在する場合、テキストフィールドの現在の値を取得すると想定される関連するコードは、.change関数内に含まれています。

var doc_val_check = $('#doc_title').attr("value");
    if (doc_val_check.length > 0) {
        doc_val_check == "";
    }

私は非常にシンプルなものを見逃しているように感じる。


$('#[element id]').val(null);

または

$('.[element class]').val(null);

空白のテキストが表示された要素を作成する場合は、次のようにします。

$('#doc_title').html('&nbsp;');

単純に、次のコードを使用して、フォーム内のすべてのテキストフィールド、テキストエリア、ドロップダウン、ラジオボタン、チェックボックスをクリアすることができます。

function reset(){
    $('input[type=text]').val('');  
    $('#textarea').val(''); 
    $('input[type=select]').val('');
    $('input[type=radio]').val('');
    $('input[type=checkbox]').val('');  
}

jQueryを使用している場合、これを使用することができます:

// var doc_val_check = $('#doc_title').val(); - No need of this!
if ($('#doc_title').val().length > 0) {
    $('#doc_title').val("");
}

この行を使ってクリアすることができます

$('#TextBoxID').val("");

doc_val_checkと空の文字列を比較しています。 空文字列をdoc_val_checkに代入したい

それはこれでなければなりません:

doc_val_check = "";


フィールド値を取得/設定するには、 jQuery.prototype.valを使用します。

var value = $('#doc_title').val();    // get value
$('#doc_title').val('');    // clear value

テキストフィールドをクリアするには、次のようにします。

$('#doc_title').val("");

ほとんどの場合、.val()メソッドを設定するだけです。 すべての回答はかなり正確で、レンダリングされるクライアントIDを介して値を設定する必要がある人には、結果を投稿したいだけです。

 $('#' + '<%= doc_title.ClientID %>').val(null);

あなたが必要なものは次のとおりです。

if ($('#doc_title').val()) {
  $('#doc_title').val('');
}

doc_val_check == "";   // == is equality check operator

すべきである

doc_val_check = "";    // = is assign operator. you need to set empty value

                       // so you need =

次のような完全なコードを書くことができます:

var doc_val_check = $.trim( $('#doc_title').val() ); // take value of text 
                                                     // field using .val()
    if (doc_val_check.length) {
        doc_val_check = ""; // this will not update your text field
    }

テキストフィールドを""更新するには、試してみる必要があります

$('#doc_title').attr('value', doc_val_check); 
// or 
$('doc_title').val(doc_val_check);

しかし、私はあなたが上記のプロセスを必要としないと思います。

要するに、たった1行

$('#doc_title').val("");

注意

.val()は、テキストフィールドに値を設定/取得するために使用します。 パラメータを使用すると、setterとして機能し、パラメータなしではgetterとして動作します。

.val()についてもっと読む





input