WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ひとつだけリセットしたい

0:[投稿] Mio [2004/04/07 11:45 ][環境:IE6 わからない]

いくつか入力するところがあって、その中のひとつだけリセットする方法を探しています。

こういう画面を作っていて、textareaの文章だけresetしたいのですが、resetボタンを押すと全部リセットされてしまいます。

<form action="hoge.cgi" method="post">
日  付 :<input type="text" name="namae" value=""><br>
タイトル :<input type="text" name="title" value=""><br>
文字の色:<select name="color">
<option value="red">red
<option value="bule">bule
<option value="orange">orange
<option value="black">black
</select><br>
<textarea name="message" cols="30" rows="5">文章</textarea>
<input type=submit value="訂正">
<input type=reset value="取消">
</form>


調べてみたところdocument.forms[0].message.value="";で空白にはできました。
でも、最初からメッセージが入っていることもあるので、できれば最初のメッセージに戻したいのですが、どのようにしたらいいでしょうか?


1:[回答] kak [2004/04/07 11:53 ]

ども。

ざっくりと作ってみました。細かいところは気にしていませんのであしからず。


<html>
<head>
<script>
<!--
   function erase(){
       document.form1.message.value="";
       return true;
   }
-->
</script>
</head>
<body>
<form name="form1" action="hoge.cgi" method="post">
日  付 :<input type="text" name="namae" value=""><br>
タイトル :<input type="text" name="title" value=""><br>
文字の色:<select name="color">
<option value="red">red
<option value="bule">bule
<option value="orange">orange
<option value="black">black
</select><br>
<textarea name="message" cols="30" rows="5">文章</textarea>
<input type=submit value="訂正">
<input type="button" value="取消" onClick="erase()">
</form>
</body>
</html>


でわでわ。


2:[回答] kak [2004/04/07 11:54 ]

あ、失礼しました。

これで。


<html>
<head>
<script>
<!--
   function erase(){
       document.form1.message.value="文章";
       return true;
   }
-->
</script>
</head>
<body>
<form name="form1" action="hoge.cgi" method="post">
日  付 :<input type="text" name="namae" value=""><br>
タイトル :<input type="text" name="title" value=""><br>
文字の色:<select name="color">
<option value="red">red
<option value="bule">bule
<option value="orange">orange
<option value="black">black
</select><br>
<textarea name="message" cols="30" rows="5">文章</textarea>
<input type=submit value="訂正">
<input type="button" value="取消" onClick="erase()">
</form>
</body>
</html>


でわでわ。


3:[完了] Mio [2004/04/07 13:59 ]

できました!
どうもありがとうございます!!


4:[完了] … [2004/04/07 14:34 ]

実は defaultValue という便利なプロパティが
存在していたりするのですが,余り知られていませんか。

function erase(){
 var
   mess = document.form1.message;
   mess.value = mess.defaultValue;
}

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World