如何以html 的形式逐年创建到select？

Question

我想让用户输入从今年到那年的信息，然后我需要将年份列表转发给 django？但是在此之前如何创建那种输入，我发现了类似的东西，但它不能满足我的需要。有什么想法吗？

<select name="yearpicker" id="yearpicker"></select>

<script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script type="text/javascript">
let startYear = 1800;
let endYear = new Date().getFullYear();
for (i = endYear; i > startYear; i--)
{
    $('#yearpicker').append($('<option />').val(i).html(i));
}
</script>

Answer 1

您可以侦听 change 事件并使用 Array.from 从特定范围填充数组：

Start: <select name="yearpicker" id="yearpicker"></select>
<br/>
End: <select name="yearpicker2" id="yearpicker2"></select>

<script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script type="text/javascript">
let startYear = 1800;
let endYear = new Date().getFullYear();
for (i = endYear; i > startYear; i--)
{
    $('#yearpicker, #yearpicker2').append($('<option />').val(i).html(i));
}

$('select').on('change', function(){
  let arr = Array.from({length:$('#yearpicker2').val() - +$('#yearpicker').val()},(v,k)=>k + +$('#yearpicker').val())
  console.log(arr);
})
</script>

如何以html 的形式逐年创建到select？

How to create to select from year to year in html forms?

html

javascript

forms

django

select