javascript获取<select> </select>的值

Question

我知道我可以做那样的事情     的document.getElementById（ “什么”）。值 但我有这样的代码

<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')方法，该方法将返回DOM中所有<select>元素的集合，然后您可以遍历这些元素并执行您最初打算对元素执行的操作。

参考：document.getElementsByTagName。