web-dev-qa-db-ja.com

JQueryのクリアテキストフィールド値

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

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

非常にシンプルなものが欠けているように感じます。

javascriptjqueryformsinput
58
Yuschick
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()は、テキストフィールドの値を設定/取得するために使用します。パラメーターを使用するとセッターとして機能し、パラメーターを使用しないとゲッターとして機能します。

.val()の詳細を読む

131
thecodeparadox

テキストフィールドをクリアする場合は、次を使用します。

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

それらすべての代わりに：

$('#doc_title').attr("value", "");
6
Tooraj Jam

必要なのは：

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

この行を使用してクリアできます

$('#TextBoxID').val("");
4
Muhammad Kamran

JQueryを使用している場合、これを使用できます。

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

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

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

これをテキストクリアに使用できます

$('input[name="message"]').val("");
3
Asad Ali

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

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

doc_val_checkを空の文字列と比較しています。空の文字列をdoc_val_checkに割り当てたい

したがって、これは次のようになります。

doc_val_check = "";

1
SherCoder
    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>
1
Hrushi

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

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

表示可能な空白テキストを含む要素が必要な場合は、次のようにします。

$('#doc_title').html('&nbsp;');
0
Hamed Nikzad
$('#[element id]').val(null);

または

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