0

私はこのテキストエリアを持っています:

<textarea  name="comment" id="comment" cols="75" rows="5" class="txtarea"></textarea>

および表示文字制限のこのスパン:

<span style="display:none" id="chars_left">1000</span>

テキストエリアボックスでフォーカス/ぼかしを行うときに、スパンを表示/非表示にする必要があります。このjquery関数を作成しましたが、これはうまくいきません。何が問題ですか？私のニーズに合わせてjqueryを動作させる方法は?

<script>
 $('textarea').focus(function(){

      jQuery(this).find('#chars_left').show();       
})


// this function will hide divs when you leave that textarea
$('textarea').blur(function(){

      jQuery(this).find('#chars_left').hide();       
})
</script>
4

1 に答える 1

1

次のテキストで説明するように、修正が必要な点はほとんどありませんでした。id を持っている場合は、直接制御にアクセスできます。また、script タグに type を指定します。必須ではない textarea の子で chars_left を見つけようとしていました。focusout イベントをフォーカスで使用できます。

ライブデモ

<script type="text/javascript">
 $('textarea').focus(function(){    
      jQuery('#chars_left').show();       
})


// this function will hide divs when you leave that textarea
$('textarea').focusout(function(){

      jQuery('#chars_left').hide();       
})
</script>
于 2012-08-19T15:31:10.403 に答える