セレクトボックスの作り方

Question

前提・実現したいこと

laravelでビュー側のjsについての質問です。
HTMサイドでセレクトボックスを二つ作成し、jsでコーディングしたいです。

＜年月＞＜日＞のような形で作りたいです。
＜2019年11月＞＜17日＞
のような感じです。

Answer 1

ちょっとよく意味が分からないのですが

<input type=date>

じゃだめなんですか？
MDN

要望通りのものだと以下のように書けばできる。

<select onchange=date(this)>
  
</select>
<select>
  
</select>

for(i=0;i<10;i++){
  var year = 2019 + i;
  for(j=1;j<=12;j++){
    document.getElementsByTagName('select')[0].innerHTML += '<option class=' + (j - 1) + '>' + year + '年' + j + '月</option>'
  }
}

var dates = [31,28,31,30,31,30,31,31,30,31,30,31];

function date(obj){
  document.getElementsByTagName('select')[1].innerHTML = '';
  for(j=1;j<=dates[obj.options[obj.selectedIndex].className];j++){
    document.getElementsByTagName('select')[1].innerHTML += '<option>' + j + '日</option>';
  }
}

for(j=1;j<=dates[0];j++){
  document.getElementsByTagName('select')[1].innerHTML += '<option>' + j + '日</option>';
}

サンプル

Comments

[Zombies]

__________　　____
|2019年11月| ▼|17日| ▼
---------------　-------
のような感じです

[kyoya0819]

それって保守性を求めたりしますか？
例えば毎年修正しなくても入力できるようにしたり
あとは、何年先まで選べるようにしたいですか？

無限っていうのはAjaxとかが必要になり煩雑になりますが

[kyoya0819]

一応追記しました。

[Zombies]

ありがとうございます。
すいません、自分の知識がないばかりに。
Q,あとは、何年先まで選べるようにしたいですか？
A,50年を軸に考えております。

4年周期の閏年のロジックなども教えていただけませんか。

[kyoya0819]

おっとそこ忘れてました

[Zombies]

申し訳ありません。ありがとうございます。

[kyoya0819]

機器の充電が無いので明日修正します。

[Zombies]

承知いたしました。