ドロップダウンリストの作成

前提・実現したいこと

プログラミング初心者です。
言語はC#を使っています。

ドロップダウンリストを複数用意して、

1つ目のドロップダウンが選択されていないと、
2つ目のドロップダウンが選択できないようにする。

2つ目のドロップダウンが選択されていないと
3つ目のドロップダウンが選択できないようにする。

というドロップダウンリストを作成したいです。

javascriptのdisableを使うのかなと思っているのですが
うまく作れません。
どなたかご教授お願い致します。

下のソースコードはボタンをクリックすることで
テキストボックスのdisableを切り替えるものですが、こちらを参考にしていました。
よろしくお願い致します。

該当のソースコード

＜javascript側＞
function changeDisabled(){
var obj = document.getElementById("txt1");
if(obj.disabled == true){
obj.disabled = false; //Enableに設定
}else{
obj.disabled = true; //Disableに設定
}
}

＜C#側＞

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script src="sample.js"></script> </head> <body> <input type="text" value="hoge" id="txt1" /> <input type="button" value="ボタン" onclick="changeDisabled();" /> </body> </html>

gentaro

2019/08/02 06:49

> 言語はC#を使っています。どこにも出てきてませんが。

Zuishin

2019/08/02 07:19

C# タグが入っていることによって JavaScript 使いを遠ざけていますね。JavaScript だけで完結しない問題のようにとらえられていると思います。

gentaro

2019/08/02 07:23

質問文が意味不明すぎます。 > 言語はC#を使っています。 > javascriptのdisableを使うのかなと思っているのですがどっちの言語で何をしようとしているのか混乱します。提示されているコードはJavaScriptだけだし。 C#とJavaScriptが連携しているような場合はその旨を書かないと伝わりませんが、そういった情報ナシには何も判断できません。 > 下のソースコードはボタンをクリックすることで > テキストボックスのdisableを切り替えるものですが、こちらを参考にしていました。ということは、提示されているコードはただの参考にした資料であって、問題が起きているコードではないということですよね？ご自身が書いたコードを提示して、どこがうまくいかないのかを書いて下さい。