0

日付を選択するように機能する3つのドロップダウンがあり、.onchangeが発生すると、テキストボックスに現在の日付が入力されます。これを自動的に行うようにするにはどうすればよいですか .onload

これは私が日付を変更するために使用したものです.onchange 

function showDate(){
        var combos = [
        document.getElementById('daydropdown'),
        document.getElementById('monthdropdown'),
        document.getElementById('yeardropdown')
    ];

    var values = [], combo, value;

    for(var i = 0; i < combos.length; i++){

        combo = combos[i];
        value = combo.options[combo.selectedIndex].innerHTML;
        values.push(value);
    }
    document.getElementById('date').value = values.join('/');
}

// event handlers:
document.getElementById('daydropdown').onchange =
   document.getElementById('monthdropdown').onchange =
       document.getElementById('yeardropdown').onchange = showDate;
document.getElementById('daydropdown').onload =
   document.getElementById('monthdropdown').onload =
       document.getElementById('yeardropdown').onload = showDate;
</script>
<script type="text/javascript">
4

2 に答える 2

0

イベント ハンドラーをイベントにフックしonload、そこで を呼び出すだけshowDate()で、ロード時にドロップダウンも設定できます。

window.addEventListener("load",function() {
  document.getElementById('daydropdown').onchange =
     document.getElementById('monthdropdown').onchange =
        document.getElementById('yeardropdown').onchange = showDate;
  document.getElementById('daydropdown').onload =
     document.getElementById('monthdropdown').onload =
        document.getElementById('yeardropdown').onload = showDate;
  showDate();
});
于 2013-06-07T14:11:46.047 に答える