WEB相談室

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

タイトル:特定条件でドロップダウンをdisabledにする方法は?(javascript)

0:[投稿] tkc [2004/04/12 11:04 ][環境:IE6、win2K CFMX、Apache、その他]

初めて投稿させて頂きます。
以下ようなことをJSで行う方法を探しています。
宜しくお願い致します。

ドロップ1▼   ドロップ2▼
ドロップ3▼   ドロップ4▼


現在、ドロップダウンリストが4つある画面を作成しています。

「ドロップ1」の中の項目で、ある項目が選択されると、
「ドロップ3」と「ドロップ4」が同時にアクティブになって、
特定の項目が選択可能になり、それ以外の値が選択された場合は
「ドロップ3」と「ドロップ4」はdisabled状態にすることは
可能でしょうか?

なお、「ドロップ1」で選択した項目により、「ドロップ2」にて選択できる項目が、動的に変化するようなロジックが、既に組んであります。

どなたか分かる方がいらっしゃいましたら教えて頂きたいです。
宜しくお願い致します。


1:[回答] Yachimata [2004/04/12 11:16 ]

技術的には十分可能ですよ。

ドロップ1の onchange で value をチェックして、
ドロップ3とドロップ4の disabled を true(false) にする。

手順的にはこれだけだと思います。
どの部分が分からないのですか?


2:[質問] tkc [2004/04/12 13:53 ]

Yachimataさん、ご返答ありがとうございます。

実際に、どのようにコーディングしたら良いかが
わかりません…

手前は初心者なもので、申し訳ありませんが
宜しくお願い致します。


3:[回答] Yachimata [2004/04/12 15:57 ]

先程の私の投稿に簡略した手順を示しましたが、どの部分が不明ですか?
以下に簡略したものを示すので、参考にしてみて下さい。

コンボにイベントを設定するのはこのような感じに。
<select onchange="func();">

value をチェックする関数はこのような感じに。
function func() {
if(valueをチェック) {
}
}

disabled の設定はこのような感じに。
object.disabled = true;
object.disabled = false;

以上です。
頑張って下さい。


4:[回答] tkc [2004/04/12 16:23 ]

Yachimataさん、貴重なお時間の中、
ご返答本当にありがとうございます!

大変申し訳ないのですが、関数の中身の書き方を
もう少しだけ詳しく教えて頂けないでしょうか?
JSの記述方法が全く分からない素人なもので…

お手数お掛け致しますが、宜しくお願い致します。


5:[回答] Yachimata [2004/04/12 16:34 ]

こんな感じですね。

ほぼ回答です。頑張って下さい。

function func() {
if(sel1.value == "1") {
sel3.disabled = true;
sel4.disabled = true;
} else {
sel3.disabled = false;
sel4.disabled = false;
}
}


6:[回答] tkc [2004/04/12 16:59 ]

Yachimataさん、本当に、本当にありがとうございました!!

何とか無事、解決いたしました。
貴重なお時間を頂き、ありがとうございました。

これからも精進してまいります☆

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World