プルダウンメニューから特定曜日の日付を選択する方法は？

解決済

質問者：hidechan2004
質問日時：2008/10/23 22:31
回答数：2件

プルダウンメニューで特定の曜日の日付を選択するにはどのようにしたら良いのでしょうか？

たとえば、火曜日と金曜日など。
日付は常にその日以降になるようにしたいです。

よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#137826
回答日時：2008/10/24 01:59

こんな感じでしょうか？

---

<html>
<head>
<script type="text/javascript">
window.onload = function() {
var inputs = document.getElementById('f0').getElementsByTagName('input');
for (var i = 0; i < 7; i++) {
inputs[i].onclick = function () {
var s0 = document.getElementById('s0');
var checkedDays = new Array();
for (var j = 0; j < 7; j++) {
checkedDays[(j - new Date().getDay() + 7) % 7] = inputs[j].checked;
}
while (s0.getElementsByTagName('option')[0]) {
s0.removeChild(s0.getElementsByTagName('option')[0]);
}
for (j = 0; j <= 30; j++) {//30日後まで
if (checkedDays[j % 7]) {
var option = document.createElement('option');
option.value = j;
option.innerHTML = (new Date(new Date().getTime() + 1000 * 60 * 60 * 24 * j)).toLocaleDateString();
s0.appendChild(option);
}
}
}
}
}
</script>
</head>
<body>
<form id="f0">
<input type="checkbox" value="0">日</input>
<input type="checkbox" value="1">月</input>
<input type="checkbox" value="2">火</input>
<input type="checkbox" value="3">水</input>
<input type="checkbox" value="4">木</input>
<input type="checkbox" value="5">金</input>
<input type="checkbox" value="6">土</input>
<label for="s0">日付</label>
<select id="s0"></select>
</form>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。
助かりました。

通報する

お礼日時：2008/10/24 17:45

No.2

回答者： _pipi_
回答日時：2008/10/24 02:26

<html>

<select id="day" size="10" multiple>
<script>
Number.prototype.zero = function(n){ return ('0000000000'+ this).slice(-n); }
Date.prototype.hizuke_JP = function(){
return this.getFullYear().zero(4)+'年'+(this.getMonth()+1).zero(2)+'月'+this.getDate().zero(2)+'日 ('+'日月火水木金土'.split('')[this.getDay()]+')';
}
var day = new Date;
var lmt = 20;
var sel;
var opt;
for(i=0;i<lmt;i++){
opt = (new Date(day.getTime()+86400000*i)).hizuke_JP();
sel = (opt.match(/火/) ||opt.match(/金/) )?' selected':'';
document.write('<option value="'+i+'"'+sel+'>'+opt+'</option>');
}
</script>
</select>
</body>
</html>