- ベストアンサー
プルダウンメニューから特定曜日の日付を選択する方法は？
プルダウンメニューで特定の曜日の日付を選択するにはどのようにしたら良いのでしょうか？ たとえば、火曜日と金曜日など。 日付は常にその日以降になるようにしたいです。 よろしくお願いします。
- hidechan2004
- お礼率92% (88/95)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんな感じでしょうか？ --- <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>
その他の回答 (1)
<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>
お礼
回答ありがとうございました。 参考にさせていただきます。
お礼
回答ありがとうございました。 助かりました。