jQuery if文の条件分岐 (。ノдヽ。)

解決済

質問者：ANEMOANEMOA
質問日時：2012/08/23 11:06
回答数：1件

セレクトボックスで「2012年８月10日・11日」のみを入力不可にしてあげたいのですが、条件がうまく設定できずに困っています。
入力不可にはなるのですが、どうしても2012年8月以外の月でも入力不可になってしまいます。
どなたか、お知恵を貸して下さい(*_ _)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4. …
</head>
<body>
<script type="text/javascript">

</script>

<table>
<tr>
<td bgcolor="#ffffff">
<select size="1" name="depyear">
<option value="2012">2012</option>
<option value="2013">2013</option>
</select>
年
<select size="1" name="depmonth">
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
月
<select size="1" name="depday">
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
</select>
日</td>
</tr>
</table>
</body>

通報する

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

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： LancerVII
回答日時：2012/08/23 11:36

こんにちは。

>セレクトボックスで「2012年８月10日・11日」のみを入力不可にしてあげたいのですが
2012年の8月を選んだ時に10日と11日にdisableを付加し、
それ以外では10日と11日にdisableは付けないという動きだと思いますが如何でしょうか。

その場合は変更する事にチェックを入れないといけないのでJavaScriptは以下のようになると思います。
(想定している動きと違っていたらすみませんが補足ください)

==== JavaScript

$().ready ( function() {

// 初回も呼ぶ(最初から2012年8月がセットされる場合を考慮)
setDisabled();

// select要素の変更時にsetDisabledを呼ぶ
$('select').change ( setDisabled );

function setDisabled() {
// 年を取得
var year = $('select[name="depyear"]').val();
// 月を取得
var month = $('select[name="depmonth"]').val();
// まずは全てのdisableを取り除く
$('select[name="depday"] option').removeAttr('disabled');
if ( year == 2012 && month == 8 ) {
// 2012年の8月の場合は10日と11日にdisabledを付加
$('select[name="depday"] option[value="10"]').attr('disabled','disabled');
$('select[name="depday"] option[value="11"]').attr('disabled','disabled');
}
}
});