締切り済みの質問

質問No.5727399
すぐに回答を!
すぐに回答を!
お気に入り投稿に追加する (0人が追加しました)
回答数1
閲覧数1969
プルダウンの値によって活性・非活性をするには
プルダウンの値によって他のプルダウンやテキストエリアを
非活性にするにはどのようにすればよいでしょうか

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

やりたいことは以下の通りです。
「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>
投稿日時 - 2010-03-05 18:46:17

回答 (1)

回答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-05 20:05:08
この回答を支持する
(現在0人が支持しています)
お礼
ありがとうございます。
やりたいことはこんな感じです。
ついでに非活性になったら背景色を
グレーアウトするにはどうしたらよいのでしょうか
投稿日時 - 2010-03-06 14:08:59
この質問は役に立ちましたか?
4人が「このQ&Aが役に立った」と投票しています
もっと聞いてみる

関連するQ&A

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

関連するガイド記事

    回答募集中

    同じカテゴリの人気Q&Aランキング

    カテゴリ
    JavaScript
    -PR-

    OKWaveのおすすめ情報

    特集

    このQ&Aの関連キーワード

    同じカテゴリの人気Q&Aランキング

    カテゴリ
    JavaScript
    -PR-

    回答のついた最新のQ&A

    ピックアップ

    -PR-
    -PR-