Question

我有html代码，这是其中的一部分：

<select id="year_marine_second_choose" style="display: none">
                    <option value="" style="display:none;"></option>
                    <option value="103">Lectures</option>
                    <option value="104">Courses</option>
                    <option value="105">Sheets</option>
                    <option value="106">Others</option>
                  </select>
                  <select id="year_marine_third_choose" style="display: none">
                    <option value="" style="display:none;"></option>
                    <option value="107">Lectures</option>
                    <option value="108">Courses</option>
                    <option value="109">Sheets</option>
                    <option value="110">Others</option>
                  </select>
                  <select id="year_marine_fourth_choose" style="display: none">
                    <option value="" style="display:none;"></option>
                    <option value="111">Lectures</option>
                    <option value="112">Courses</option>
                    <option value="113">Sheets</option>
                    <option value="114">Others</option>
                  </select>

这是问题所在的javascript代码：

var get_value = document.getElementsByTagName("option");
alert(get_value[5].value);

此代码获取第6个选项的值..任何关于如何获取用户所选选项的值的想法而不是[5]

Answer 1

Javascript数组从0开始计算，因此[0]是第一个元素。这意味着您可能需要alert(get_value[4].value);

如果您需要所选的选项，可以使用：

var all_select = document.getElementsByTagName("select");
for (i = 0; i < all_select.length; i++) {
    all_select[i].onchange = function () {
        alert(this.value);
    }
}

演示here

从document.getElementsByTagName（“option”）中选择选项

1 个答案: