Question

我正在尝试使用Onsen Ui编写代码，该代码将日期保存在变量中，并在JavaScript中显示选择作为警报的值。到目前为止，这是我的代码段：

function exfunction() {
  var MONTH = document.getElementById("Month");
  alert(selectedItem);
}

<ons-select id="Month" onchange="editSelects()" v-model="selectedItem">
    <option value="material">January</option>
    <option value="material">Febuary</option>
    <option value="material">March</option>
    <option value="material">April</option>
    <option value="material">May</option>
    <option value="material">June</option>
    <option value="material">July</option>
    <option value="material">August</option>
    <option value="material">September</option>
    <option value="material">October</option>
    <option value="material">November</option>
    <option value="material">December</option>
</ons-select>

因此，我需要有关将所选项目的值存储在ONS-SELECT中的变量中以供JavaScript使用的帮助。有什么建议吗？

Answer 1

使用options元素上的ons-select属性来获取所有选项的节点列表，然后使用selectedIndex属性来获取当前所选选项的索引。

function editSelects() {
  const selectTag = document.getElementById("Month");
  const months = selectTag.options;
  var selectedMonth = months[selectTag.selectedIndex].value;
  alert( selectedMonth )
}

如何将“ on-select”的值保存到JavaScript变量中？

1 个答案: