テキストエリアをボタンで全選択
-
0 名前： viking ： 2006/04/17 02:18
- <HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
<!--
function TextAreaSelect(){
document.form1.text1.focus();
document.form1.text1.select();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="form1">
<INPUT TYPE="button" VALUE="テキスト選択" onClick="TextAreaSelect()"><BR>
<TEXTAREA NAME="text1" ROWS="9" COLS="100">
</TEXTAREA>
</FORM>
</BODY>
</HTML>
上記の物でテキストエリアをボタン1つで選択可能なのですが、そのページに2個目のテキストエリアを作って同じようにボタン1つで選択させたいのですが、どのようにしたらよいのか分かりません。宜しければ教えて下さい。
-
1 名前： m035 ： 2006/04/17 02:18 ［URL］
- こういう方法でどうでしょう。
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
<!--
function TextAreaSelect(text_num){
document.form1["text"+text_num].focus();
document.form1["text"+text_num].select();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="form1">
<INPUT TYPE="button" VALUE="テキスト1選択" onClick="TextAreaSelect(1)"><BR>
<TEXTAREA NAME="text1" ROWS="9" COLS="100">
</TEXTAREA>
<INPUT TYPE="button" VALUE="テキスト2選択" onClick="TextAreaSelect(2)"><BR>
<TEXTAREA NAME="text2" ROWS="9" COLS="100">
</TEXTAREA>
</FORM>
</BODY>
</HTML>
-
2 名前： Pid ： 2006/04/17 02:18
- >>1 を拝借して
function TextAreaSelect (nform, text_num) {
nform.elements['text' + text_num].focus ();
nform.elements['text' + text_num].select();
}
onclick="TextAreaSelect (this.form, 1);"
とか。form 要素の name 属性はそろそろ使わない方が良いでしょうし，使うのであれば id 属性と併記すべきです（なお，form 要素には action 属性が必須です）。
-
3 名前： viking ： 2006/04/17 02:18
- ありがとうございますっ!!
もし三つ目四つ目と増える場合は何処を変更していけばよいのでしょう
<TEXTAREA NAME="text2" ROWS="9" COLS="100">
この部分のtext2をtext3、text4に変更すれば良いかと思いやってみましたが、それほど簡単な事ではなかったようです、宜しければお願いします。
-
4 名前： viking ： 2006/04/17 02:18
- m035様
ありがどう御座いました、自分のミスでした、三つ目四つ目も無事作れました、お騒がせしました。
Pid様
（なお，form 要素には action 属性が必須です）。
ですが、なにか付け加えなければいけないのでしょうか?
-
5 名前： viking ： 2006/04/17 02:18
- <FORM NAME="form1">〜〜</FORM>
１つのFORMの中に、テキストエリアとボタンが２つづつ入っているのですが
１つのテキストエリアとボタンごとにFORMで区切る事はできるのでしょうか?
その時の、設定方法を教えて頂けませんでしょうか。
