javascript 获取 <select> 的值

Question

我知道我可以做这样的事情 document.getElementById("whatever").value 但是我有这样的代码

<select id="year_architecture_third_choose" style="display: none">
                    <option value="" style="display:none;"></option>
                    <option value="207">Lectures</option>
                    <option value="208">Courses</option>
                    <option value="209">Sheets</option>
                    <option value="210">Others</option>
                  </select>
                  <select id="year_architecture_fourth_choose" style="display: none">
                    <option value="" style="display:none;"></option>
                    <option value="211">Lectures</option>
                    <option value="212">Courses</option>
                    <option value="213">Sheets</option>
                    <option value="214">Others</option>
                  </select>
                  </select>
               <select id="year_architecture_second_choose" style="display: none">
                <option value="" style="display:none;"></option>
                <option value="203">Lectures</option>
                <option value="204">Courses</option>
                <option value="205">Sheets</option>
                <option value="206">Others</option>
              </select>

这只是代码的一小部分。我不想为每个我需要更好的主意的人制作 getElementById()

Answer 1

您可以使用 document.geteElementsByTagName('select')方法将返回所有 <select> 的集合DOM 中的元素，然后您可以遍历这些元素并执行您最初打算对该元素执行的任何操作。

引用: document.getElementsByTagName .