在前端开发过程中，我们经常需要获取下拉框（select）中选中的值。但是如果我们想要获取最后一个选项的值，应该怎么办呢？本文将介绍如何使用 JavaScript 获取下拉框中最后一个选项的值，并提供示例代码及解释。
方法一：使用下标获取
我们可以通过 options 对象获取下拉框中所有选项的数组，然后使用数组长度减一的下标来获取最后一个选项的值。具体实现代码如下：
----- ------ - ------------------------------------ ----- ------- - --------------- ----- ---------- - ---------------------- - --------- ------------------------
上述代码中，首先通过 getElementById() 方法获取下拉框元素，然后通过 options 属性获取下拉框中所有选项的数组。接着，根据数组长度和下标获取最后一个选项的值，并将其打印到控制台中。
方法二：遍历获取
除了使用下标获取最后一个选项的值外，我们也可以使用循环遍历的方式来获取。具体实现代码如下：
----- ------ - ------------------------------------
----- ------- - ---------------
--- -----------
--- ---- - - -- - - --------------- ---- -
-- -- --- -------------- - -- -
---------- - -----------------
------
-
-
------------------------上述代码中，我们通过 for 循环遍历下拉框中所有选项，并在循环中判断当前选项是否为最后一个选项。如果是，则获取其值并跳出循环。最后，将获取到的最后一个选项的值打印到控制台中。
总结
以上就是获取下拉框中最后一个选项的两种方法。使用下标获取更加简单直接，但是如果下拉框中存在空选项或者选项顺序改变，可能会出现问题；而使用遍历的方式则可以避免上述问题，但是相对来说稍微复杂一些。选择哪种方法需要根据具体情况而定。
希望本文的内容能够对大家学习和使用 JavaScript 有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/31599