javascript - テキストフィールドをクリアするには?

Question

テキスト フィールドの横に十字ボタンを配置したいと考えています。これをクリックすると、ユーザーが入力した値がクリアされます。つまり、フィールドを空にします。助けてください..そして、私もフィールドに焦点を合わせたいのですが、2、3秒後に..

Answer 1

このような：

$('#myButton').click( function () {
    $('#myField').val('');
});

またはjQueryなし

document.getElementById('myButton').onclick = function () {
    document.getElementById('myField').value = '';
});

Answer 2

これを試して、

$('#button').click(function(){
  $('#inputBox').val('');
});

Answer 3

さて、あなたのタスクをより小さなものに分割することを学ぶと、すべてがはるかに簡単になります. たとえば、次の 2 つのタスクがあります。

1) 入力の近くに「X」ボタンを配置します。これは CSS と HTML によって実現されます。HTML は次のようになります。

次に、画像を入力に合わせる必要があります

2) 実際の消去。jQuery の場合:

$("#x_button").click( function() {
  $("#input_id").val( "" );    
});

しかし、これは Web 開発の本当の基本なので、何らかの本を読むことを検討する必要があります。

Answer 4

html5値でそれを行うことができます。

<input type="text" placeholder="Your text here">

Answer 5

ここにサンプルがあります：

HTML:

<input type="text" id="txtText" value="test value" />
<input type="button" id="btnClear" value="Clear" />

JavaScript:

$(document).ready(function () {
            $("#btnClear").click(ClearText);
        });

        function ClearText() {
            $("#txtText").val("");
        }

Answer 6

何か試したことはありますか？しかし、これでうまくいくはずです（読み間違えた後に編集、以下を参照）：

$('#your_button').click(function() { $('#your_textbox').val(''); });

Answer 7

Javascript の場合:

document.getElementById('textField1').value = "";

Answer 8

テキストフィールドが次のようになっていると仮定します。

<input type="text" id="myText"></input>

ボタンは次のようになります。

<input type="button" id="myButton"></input>

これを javascript で行うだけです：

<script type="text/javascript">
    var myButton = document.getElementById('myButton');
    myButton.addEventListener("click", function () { 
        document.getElementById('myText').value = ''; 
    }, false);
</script>

jQuery を使用している場合は、さらに簡単です。

<script type="text/javascript">
   $('#myButton').click(function() {
      $('#myText').val('');
   });
</script>