WEB相談室

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

タイトル:セレクトメニューの選択時、別のメニューを変更について

0:[投稿] saki [2005/01/09 11:16 ][環境:IE5 IIS]

早速質問させて頂きます。

下記サンプル上で■1のセレクトメニューの「n」を選択した場合のみ、
■2のセレクトメニューの「dd」を選択させたいのですが
可能でしょうか?

もし、宜しければ宜しくお願いいたします。


<html>
<head>
<script language="JavaScript">
<!--
function test(s) {
    if (s == "n") {
        
    } else {
        
    }
}
// -->
</script>
</head>
<body>
<form action="test" method="post" name="F1">
■1
<select name="s1" onChange="test(this[this.selectedIndex].value)">
<option value="n">n</option>
<option value="test1">test1</option>
<option value="test2" selected>test2</option>
</select>

■2
<select name="d1" >
<option value="test1" selected>test1</option>
<option value="test2">test2</option>
<option value="dd">dd</option>
</select>
</form>
</body>
</html>


1:[回答] PUREST [URL] [2005/01/09 18:11 ]

こういうことでしょうか?

<html>
<head>
<script type="text/javascript">
<!--
var f = false;

function test(s) {
    d=document.getElementById("d1")
    if (s == "n" && f) {
        d.appendChild(opt);
        f = false;  
    }
    else if(!f) {
        opt = d.removeChild(d.lastChild);
        f = true;
    }
}
// -->
</script>
</head>
<body>
<form action="test" method="post" name="F1">
■1
<select name="s1" onChange="test(this[this.selectedIndex].value)">
<option value="n">n</option>
<option value="test1">test1</option>
<option value="test2" selected>test2</option>
</select>

■2
<select name="d1" id="d1">
<option value="test1" selected>test1</option>
<option value="test2">test2</option>
<option value="dd">dd</option>
</select>
</form>
</body>
</html>


2:[質問] saki [2005/01/10 10:25 ]

PUREST様

回答頂き有難うございます。
大変申し訳ございませんでした。

私の説明が不明確でした。

■1のセレクトメニューの「n」を選択したイベント(onChange)で
■2のセレクトメニューの「dd」を選択させたいと思っております。(つまり、selectedとした状態というのでしょうか)

非常に恐縮ですが宜しくお願いいたします。


3:[回答] PUREST [URL] [2005/01/10 13:06 ]

if (s == "n") {
        document.F1.d1.options[2].selected=true;
    }

で一応selectedな状態にはなりますが…どういう用途に使うのでしょうか?


4:[質問] saki [2005/01/10 16:36 ]

PUREST様

回答頂き有難うございます。

>if (s == "n") {
>    document.F1.d1.options[2].selected=true;
>}
>で一応selectedな状態にはなりますが…どういう用途に使うのでしょうか?

今回提示させて頂いたサンプルは、私のイメージする動きです。

まず、今回の用途としては、あらかじめform内の設定してあるvalue値を
グローバル変数に格納しておき、
先頭のセレクトメニューを「n」にした時に、予め格納したグローバル変数に
戻すという処理をしたいと思っております。

今回アドバイス頂きましたサンプルで、
document.F1.d1.options[2].selected=true;の部分は、セレクトメニューの
インデックス番号により、「dd」を選択していますが、
「dd」というvalue値で選択させることは、可能でしょうか?

宜しくお願い致します。


5:[回答] を [2005/01/12 13:07 ]

for (i = 0; i < 4; i++) {
 if (document.F1.d1.options[i].value == "dd") {
   document.F1.d1.options[i].selected=true;
 }
}
ですか?

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World