一、基础知识
optionselected 是 <select> 标签的一种属性，表示默认选中的选项。当用户没有做出选择时，默认选中的将是有 optionselected 属性的选项。
<select>
<option value="1">选项1</option>
<option value="2" optionselected>选项2</option>
<option value="3">选项3</option>
</select>
上述代码中，当 <select> 标签被渲染为下拉框时，选项2将会被默认选中。
二、与JavaScript的结合使用
optionselected 可以通过 JavaScript 动态地选中一个选项。
例如，在一个表单中，根据用户的选择更新另一个下拉框中的选项。以下示例展示了如何使用 JavaScript 选中一个选项：
<select id="fruit">
<option value="">请选择水果</option>
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>
<script>
// 选中香蕉这个选项
document.getElementById("fruit").value = "banana";
</script>
上述代码中，香蕉这个选项将会被默认选中。
三、与PHP的结合使用
optionselected 也可以与 PHP 结合使用，根据后端程序的处理结果来确定哪个选项应该被选中。
例如，在一个编辑页面中，预先设置好了一些选项的默认值，代码如下：
<select name="gender">
<option value="0">女</option>
<option value="1">男</option>
</select>
根据后端程序的处理结果，我们可以用 echo 语句生成一个带有 optionselected 属性的选项，代码如下：
<select name="gender">
<option value="0" <?php if($gender == 0): ?>optionselected<?php endif; ?>>女</option>
<option value="1" <?php if($gender == 1): ?>optionselected<?php endif; ?>>男</option>
</select>
上述代码中，如果后端程序处理结果中 $gender 的值为 0，则女这个选项会被默认选中。
四、在多选下拉框中的应用
optionselected 也适用于多选下拉框中的选项。
以下代码展示了一个多选下拉框的示例：
<select multiple name="fruit[]">
<option value="apple">苹果</option>
<option value="banana" optionselected>香蕉</option>
<option value="orange">橙子</option>
</select>
上述代码中，香蕉这个选项会被默认选中。
五、应该注意的事项
尽管 optionselected 是一种非常有用的属性，但是在使用时需要留意一些事项：
- 如果没有为任何一个选项指定
optionselected属性，将会默认选中第一个选项； - 每个
<select>标签只能有一个被设定为optionselected，多个会使后面的无效。
