総ありがとう数 累計4,283万(2014年10月23日現在)

毎月4,000万人が利用!Q&Aでみんなで助け合い!

-PR-
gdcootie

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

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

やりたいことは以下の通りです。
「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>
  • 回答数1
  • 気になる数0

Aみんなの回答(全1件)

回答 (全1件)

  • 2010-03-05 20:05:08
  • 回答No.1
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>
お礼コメント
ありがとうございます。
やりたいことはこんな感じです。
ついでに非活性になったら背景色を
グレーアウトするにはどうしたらよいのでしょうか
投稿日時 - 2010-03-06 14:08:59
通報する
  • 同意数0(0-0)
  • ありがとう数0
  • 回答数1
  • 気になる数0
  • ありがとう数4
  • ありがとう
  • なるほど、役に立ったなど
    感じた思いを「ありがとう」で
    伝えてください

関連するQ&A

その他の関連するQ&Aをキーワードで探す

別のキーワードで再検索する

あなたの悩みをみんなに解決してもらいましょう

  • 質問する
  • 知りたいこと、悩んでいることを
    投稿してみましょう
-PR-
-PR-
-PR-

特集

専門医・味村先生からのアドバイスは必見です!

関連するQ&A

-PR-

ピックアップ

  • easy daisy部屋探し・家選びのヒントがいっぱい!

-PR-
ページ先頭へ