セレクトボックスのみのリセット

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: 初心者なんでお手柔らかにお願いします; : 2004/03/29 00:57
はじめまして
HP作りをしていてセレクトボックスで背景が変わる
のを作ったんですけど元に戻すときいちいち選びなおさなきゃ
だめじゃないですか、それで更新ボタンやリセットボタンを
作ってみたんですけどそこがメール送信フォームのテキストエリアのある
ところまで更新やリセットを押すと消えちゃうんですよね;
いままで書いてたものを消さずにセレクトボックスの中だけリセットする方法
があれば教えてもらえませんか?

1   名前: Sinryow : 2004/03/29 18:00   [URL
HTMLのソースを見せていただけませんか?
前提となるコードを見ないと分かりませんので・・・

2   名前: 初心者なんでお手柔らかにお願いします; : 2004/03/29 21:20
<SELECT name=selSelect3 onchange="selectcheck_3()">
<OPTION selected value=nothing>曜日</OPTION>
<OPTION value=select1>月</OPTION>
<OPTION value=select2>火</OPTION>
<OPTION value=select3>水</OPTION>
<OPTION value=select4>木</OPTION>
<OPTION value=select5>金</OPTION>
<OPTION value=select6>土</OPTION>
</SELECT>
こんなかんじでこのセレクトボックスを選ぶとテキストエリアに
選んだものが書き込まれるんですけど、例えばボタン1つで「月」
を選んだけども最初の「曜日」に戻せるようなセレクトボックス内だけを
リセットするソースなんですが・・・

3   名前: 初心者なんでお手柔らかにお願いします; : 2004/03/29 21:22
えっとちなみに関数のselectcheck_3()
ってのは
function selectcheck_3(){
_num=sendform.selSelect3.selectedIndex;
if (_num==0){
sendform.maintext.value+="";
}else if (_num==1){
sendform.maintext.value+="(月)";
}else if (_num==2){
sendform.maintext.value+="(火)";
}else if (_num==3){
sendform.maintext.value+="(水)";
}else if (_num==4){
sendform.maintext.value+="(木)";
}else if (_num==5){
sendform.maintext.value+="(金)";
}else if (_num==6){
sendform.maintext.value+="(土)";
}
}
こんなかんじです

4   名前: Sinryow : 2004/03/30 02:12   [URL
selectcheck_3 中の「+=」を全て「=」に変えて下さい。

JavaScriptにおいて,“A+=B”というのは「AにBを足してその値をAに代入する」意味です。
“A=B”は,単に「AにBを代入する」意味です。
(例)
x = 20; // この時点で x は 20
x += 30; // この時点で x は 50
x = 20; // この時点で x は 20
x = 10; // この時点で x は 10

5   名前: 初心者なんでお手柔らかにお願いします; : 2004/03/30 03:07
+=ってのは追加するてことはわかるんです;
リセットボタンを新たに作ってセレクトボックス内だけを
リセットするようなボタンはできないでしょうか?
そのボタンがいろいろ選択しててもそのボタンで
<OPTION selected value=nothing>曜日</OPTION>
に戻ってきてなおかつそれを選択してるみたいなのなんですが・・・
ようするに他のボタンでそれを押すとセレクトボックス内の値を選ぶってことなんですが;
できないでしょうか?


6   名前: Sinryow : 2004/03/30 10:59   [URL
リセットボタンのことではないでしょうか?
参照:http://tohoho.wakusei.ne.jp/html/input.htm -->「取消ボタン」

7   名前: 初心者なんでお手柔らかにお願いします; : 2004/03/30 13:43
取消ボタン(type="reset")
このボタンを押すと、それまでに入力した情報をすべてキャンセルして、最初から入力をやり直すことができます

でしょ?そうじゃなくて部分的にリセットなんです
リセットボタンだと全ての情報がキャンセルされるじゃないですか?
じゃなくて他にテキストフォームなんかもあるんですが
とにかくセレクトボックス内だけをリセットすることなんです

8   名前: Sinryow : 2004/03/30 18:00   [URL
それなら,以下のようにすればよいかと思います。

・セレクトボックスの中身を消すためのボタン

<input type="button" onclick="texterase()">

・texterase関数の定義

function texterase(){
sendform.maintext.value="";
sendform.selSelect3.value="nothing";
}

これでいかがでしょうか?

9   名前: 初心者なんでお手柔らかにお願いします; : 2004/03/30 18:29
ありがとうございました!!望みどおりのものができました!!
とりあえず実際のものをお送りします!
もしさらに最適化や改良点があればご指導ください

一覧へ戻る