テキストフィールドに入力中にボタンの値を変更します

Question

私はボタンを持っています（CSS付きのボタンとしてスタイル指定されています）。その隣には入力フィールドがあります。ユーザーがテキストフィールドに値を入力すると、ボタンの値が動的に変更されます。これを行う最も簡単な方法は何ですか？

マイフォーム：あなたはページを再提供せずにローカル変数を変更することができることは決してないだろうので、

<form> 
    <div class="span-3" id="bid_btns"> 
     <div id="bid_button"> 
      <a href=""><?php echo $somethingwhichshouldchange; ?></a> 
     </div> 
    </div> 
    <div class="span-3 last" id="bid_btns"> 
     <div id="bid_field"> 
     <input type="text" class="title" name="bid_field" id="bid_field" maxlength="5"/>​ 
     </div> 
    </div> 
</form> 

Answer 1

。ブラウザで実行されているスクリプト、JavaScriptが必要です。 jQueryを使用する場合（最も単純な方法を求めていて、jQueryを使用する方がずっと簡単です）、入力値の変更に応じてボタンを変更するコードが必要です。

$(document).ready(function() { 

    $("#bid_field").keyup(function(){ 
     $("#bid_btns").text($(this).val()); 
    }); 

}); 

コードのこのビットは#bid_field入力に入力されているものに#bid_btnsボタン内部のHTMLを変更します。 jQueryに詳しくない場合は、次の記事を読んでください。http://docs.jquery.com/How_jQuery_Works

注 - BenMのsiggestionごとに編集されています。

Answer 2

PHPは、サーバー側の言語です。あなたは何をしているのかを調べるためにjavascriptを調べる必要があります。

Answer 3

これを実現するにはjQueryを使用できます。あなただけのonkeyupイベントに関数をバインドする必要があります：あなたが入力すると、ボタンのラベル/値の変更を行いたい場合は、PHPを助けに行くのではありません

http://jsfiddle.net/Vt6N9/