人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryのテキストエリアについての質問です。

文章パターンA「あああああ」
文章パターンB「いいいいい」
文章パターンC「ううううう」
があるとします。

フォームのテキストエリアに「文章切り替えボタン」を付けて、
「文章切り替えボタン」をクリックする毎に、
パターンA→パターンB→パターンC→パターンA・・・と
テキストエリアに文章が記入されるにはどのようにすれば良いでしょうか・・・。

ボタンにtoggleなどを使ってjQueryのコードを書いているのですが、うまくいきません・・。
コードを教えていただければ助かります。><

●質問者: kana-pop
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● kazuma_f
●200ポイント ベストアンサー

初投稿です。このような書き方でいかがでしょうか?
配列変数に文章を登録しておいて、ボタンが押されるたびに「番号に対応した文章を表示&次の番号へ移動」を繰り返します。
最終番号は自動で判定されるので、登録する文章の個数は、自由に増減して大丈夫です。

<script type="text/javascript">
$(function(){
var text_all = [
'文章A',
'文章B',
'文章C',
'文章D'
];
var counter = 0;/* 最初に表示しておきたい文章の番号 */
$('#up').text(text_all[counter ++]);/* 最初に表示しておく文章 */
$('#push').click(function(){
if(counter > text_all.length-1) counter = 0;
$('#up').text(text_all[counter ++]);
});
});
</script>
</head>

<body>
<textarea name="name" cols="50" rows="5" id="up"></textarea>
<p><input type="button" id="push" value="切り替えます" /></p>
</body>


kana-popさんのコメント
kazuma_f様、はじめまして。 教えていただいたコードでバッチシでしたー♪ ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ