将下拉列表定位到特定值

Question

当用户单击下拉菜单时，我希望下拉菜单定位到特定值（当前年/月）。在下面的例子中，假设当前月份是 2020-03。你知道我会用什么 JS 来定位 click 到 2020-03 的值吗？

  <select id="month_due"   onclick = "$(document).ready(()=>{$('#month_due').val('2020-03');}); " tabindex="8" name="month_due">

   <option value = " "> &nbsp</option>

   <option value = "2020-01">Jan 20</option>

   <option value = "2020-02">Feb 20</option>

   <option value = "2020-03">March 20</option>

   <option value = "2020-04">April 20</option>

   <option value = "2020-05">May 20</option>

   <option value = "2020-06">June 20</option>

  </select>

Answer 1

选择一个选项的 javascript 代码是通过使用value标签select：

document.getElementById("month_due").value = "2020-03";

您可以选择当前月份的方法是Date在 javascript 中使用，并将其放入一个字符串中（该字符串将用于该值）。它将是这样的：

var d = new Date();

var txt = ""; // the string

txt += d.getFullYear(); // get a 4 digits year (2020)

txt += "-";

var month = d.getMonth() + 1; // adding 1 because the first month (Jan) is 0

if (month < 10)

{

  txt += "0"; // so it will be "03" and not only "3"

}

txt += month;

然后，txt将有"2020-03"一个字符串。然后你可以使用这个函数：

document.getElementById("month_due").value = txt;