プロが教えるわが家の防犯対策術！

プルダウンの値によって活性・非活性をするには

締切済

  • 質問者：gdcootie
  • 質問日時：
  • 回答数：1件

プルダウンの値によって他のプルダウンやテキストエリアを
非活性にするにはどのようにすればよいでしょうか

まったく思いつきません。

やりたいことは以下の通りです。
「OS」の値をWindowsと選択
「Windowsのバージョン」→活性化
「Windowsのサービスパック」→活性化

「OS」の値にWindows以外を選択
「Windowsのバージョン」→非活性化
「Windowsのサービスパック」→非活性化


<html>
<head>
</head>
<body>
<table>
<tr>
<td>OS</td>
<td><select id="IDOS">
<option value="">-</option>
<option value="Windows">Windows</option>
<option value="Mac">Mac</option>
<option value="Linux">Linux</option></select>
</td>
<td>Windowsのバージョン</td>
<td><select id="IDVersion">
<option value="XP">XP</option>
<option value="Vista">Vista</option>
<option value="7">7</option></select>
</td>
<td>Windowsのサービスパック</td>
<input type="text" value="" size="30">
</td>
</tr>
</table>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1

  • 回答者： fujillin
  • 回答日時：

disabledをオン・オフすれば良いってことでしょうか？



ご提示のサンプルだと、テキスト入力の位置をどこにしたいのか不明ですが…
（とりあえず、全体をformに入れちゃいました）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head><title>test</title>
<style type="text/css">
label { margin-right:1.5em; }
</style>
<script type="text/javascript"><!--
function check(sel) {
var v = sel.value, frm = sel.form;
flg = (v=='Windows' || v=='')?false:true;
frm.elements['IDVersion'].disabled = flg;
frm.elements['Pack'].disabled = flg;
}
--></script>

</head>
<body>
<form>
<label>OS:
<select id="IDOS" onchange="check(this)">
<option value="">-</option>
<option value="Windows">Windows</option>
<option value="Mac">Mac</option>
<option value="Linux">Linux</option>
</select>
</label>

<label>
Windowsのバージョン:
<select id="IDVersion">
<option value="XP">XP</option>
<option value="Vista">Vista</option>
<option value="7">7</option>
</select>
</label>

<label>
Windowsのサービスパック:
<input type="text" name="Pack" value="" size="30">
</label>
</form>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。
やりたいことはこんな感じです。
ついでに非活性になったら背景色を
グレーアウトするにはどうしたらよいのでしょうか

通報する
お礼日時：2010/03/06 14:08

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報