在前端开发中，我们经常需要使用下拉列表（select）来让用户选择某些选项。但是，有时候用户可能会忘记选择选项，这就需要我们在代码中进行判断并设置默认值。
判断是否选择了选项
使用jQuery来获取选中的选项非常简单，只需要使用 val() 方法即可。例如，如果我们有一个下拉列表元素<select id="mySelect">，我们可以通过以下代码来获取所选选项的值：
var selectedValue = $('#mySelect').val();接着，我们可以使用JavaScript的逻辑运算符来判断该值是否为空或未定义：
if (selectedValue == null || selectedValue === "") {
// 未选择选项，执行默认操作
} else {
// 已选择选项，执行相应操作
}设置默认值
当用户未选择选项时，我们需要为其设置默认值。我们可以使用jQuery的 prop() 方法来实现这个功能。例如，如果我们要将第一个选项设置为默认选项，我们可以这样写：
$('#mySelect option:first-child').prop('selected', true);该代码将把第一个选项设为选中状态。
示例代码
以下是一个完整的示例代码，它将根据用户的选择来显示不同的内容，并为用户提供默认值：
-- -------------------- ---- -------
------- --------------
------- -------------------------
------- ----------------------
------- ----------------------
------- ----------------------
---------
---- ------------------
--------
---------------------------- -
-------------------------------- -
--- ------------- - ---------------------
-- -------------- -- ---- -- ------------- --- --- -
-- ------------------
------------ ------------------------------------- ------
-------------------------------
- ---- -
-- -----------------
------ --------------- -
---- ----
------------------------------
------
---- ----
------------------------------
------
---- ----
------------------------------
------
--------
----------------------
------
-
-
---
---
---------总结
在使用下拉列表时，我们需要注意用户可能会忘记选择选项的情况，并为其提供默认值。通过jQuery可以很方便地实现这个功能，同时也能提升用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9046