前端年份下拉框

你可以使用HTML的`<select>`标签来创建一个下拉框，然后用JavaScript动态生成年份选项。以下是一个示例代码：

<select id="year-select">
  <option value="">请选择年份</option>
</select>

// 获取当前年份
var currentYear = new Date().getFullYear();

// 生成年份选项
for (var i = currentYear; i >= 1900; i--) {
  var option = document.createElement("option");
  option.text = i;
  option.value = i;
  var select = document.getElementById("year-select");
  select.appendChild(option);
}

这个示例代码将生成一个下拉框，包含从当前年份到1900年的所有年份选项。你可以根据需要调整起始年份和终止年份。

相关问题

js实现年份下拉框

你可以使用 JavaScript 和 HTML 来实现年份下拉框，以下是一个简单的实现示例：

HTML 代码：

<label for="year">选择年份：</label>
<select id="year"></select>

JavaScript 代码：

// 获取当前年份
const currentYear = new Date().getFullYear();

// 获取年份下拉框元素
const yearSelect = document.getElementById("year");

// 循环添加选项
for (let i = currentYear; i >= 1900; i--) {
  const option = document.createElement("option");
  option.value = i;
  option.text = i;
  yearSelect.appendChild(option);
}

这段代码会在页面中创建一个标签和一个下拉框，下拉框中包含从当前年份到 1900 年的所有年份选项。你可以根据需要修改起始和结束年份，以及其他样式和属性。

前端实现下拉框实时搜索

前端实现下拉框实时搜索通常可以使用 JavaScript 和 HTML。

首先，您需要创建一个 HTML 输入框，用户可以在其中输入搜索内容。接下来，您需要在输入框上监听 "input" 事件，并使用 JavaScript 代码来处理事件。在事件处理程序中，您可以使用 JavaScript 代码对数据进行过滤，以显示与输入值匹配的结果。

例如：

<input type="text" id="searchInput">
<ul id="resultList">
  <li>Apple</li>
  <li>Banana</li>
  <li>Mango</li>
  <li>Orange</li>
</ul>

<script>
  var searchInput = document.getElementById("searchInput");
  var resultList = document.getElementById("resultList");

  searchInput.addEventListener("input", function() {
    var searchValue = searchInput.value.toLowerCase();
    var items = resultList.getElementsByTagName("li");

    for (var i = 0; i < items.length; i++) {
      var item = items[i];
      var itemValue = item.textContent.toLowerCase();

      if (itemValue.includes(searchValue)) {
        item.style.display = "block";
      } else {
        item.style.display = "none";
      }
    }
  });
</script>

这是一个简单的例子，您可以根据需要进行扩展和定制。