2011-12-21 19 views
5

フォームフィールドの値を変更するためにクリックしてください:jQueryの私はこのコードを持っている

<input type="text" name="frameSelection" id="frameSelection" value="Option 1" /> 
<a id="change">Change to Option 2</a> 

私は、「オプション2」にフィールドの値を変更したいリンクをクリックすると。どうやってやるの?

答えて

9

非常に簡単です。

他の回答で述べたように
$("#change").click(function() { 
    $("#frameSelection").val("Option 2"); 
}); 

、あなたがリンクのデフォルトの動作を防止したいが、それのようにあなたのコードを持つことがあります。値を設定するclickイベントにイベントハンドラをアタッチするclickを使用し、val現在では不要です(a要素のhref属性なし)。それが変わる可能性がある場合は、それを覚えておいてください。 jQueryを使って

4

$('#change').click(
    function(e){ 
     e.preventDefault; // if your a has an href attribute, this prevents the browser 
          // following that link. 
     $('#frameSelection').val("Option 2"); 
    }); 

参考文献:

+0

+1は 'preventDefault()'に+1します。 – Purag

+0

なぜ、どうもありがとう! =) –

関連する問題