2016-07-22 6 views
-1

私の非常に簡単なスクリプトが動作しないのは困惑しています。私はそのような単純なボタンを押すと、入力フィールドにテキストを書きたい:)jQuery:入力テキストを変更するには、イベントをクリックしてください

今私は、この持っている:クリックしないと

$('#button15').click(function() { 
    $('input').val($('input').val() + 'sample text'); 
}); 

<input type="button" class="plan-button" id="button15" value="충전" /> 

と私のjQueryをイベント:この行のみを使用:

$('input').val($('input').val() + 'more text'); 

これは問題なく動作します。だから問題はクリックイベントですか?私はトリプルエラーをチェック...ヘルプは非常に感謝される!ありがとう!

EDIT:残りのページです...同じ表の行の一部を除外して読みやすくしました。

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 
$(document).ready(function(){ 

$('#button15').click(function() { 
    $('input').val($('input').val() + 'more text'); 
}); 

}); 
</script> 
<table id="mytable" border="0" style="margin-left: auto; margin-right: auto;"> 
    <tbody> 
     <tr> 
      <td style="text-align: center;"> 
       <div class="box"> <input type="button" class="plan-button" id="button15" value="충전" /></div> 
</tbody> 
</table> 
+0

をこれは動作します:あなたはこのようにクラスを追加し、唯一の特定の入力の「サンプルテキスト」を追加したい場合は

$('#button15').click(function() { $('input').each(function(){ $.(this).val($(this).val() + 'sample text') }); }); 

:それはすべてのなら、あなたはこのような各操作を行う必要があります問題は他のところです。 – nicael

+0

もう少しコードを提供できますか?前にも述べたように、それはこのように動作します。 – eisbehr

+0

うまく動作し、多分もっとページの内容を表示して、問題がどこにあるかを確認してください。http://codepen.io/pjabbott/pen/rLvNoX –

答えて

1

クリックすると、入力する内容がわかりません。 、

$('#button15').click(function() { 
    $('.change').each(function(){ 
     $.(this).val($(this).val() + 'sample text') 
    }); 
}); 
関連する問題