在页面加载时在下拉列表中显示选定的值(Multiple=on)

在页面加载时，在下拉列表中显示选定的值（Multiple=on）是指在网页加载完成后，下拉列表中已经预先选定了一些值。下拉列表是一种常见的用户界面元素，允许用户从预定义的选项中选择一个或多个值。

在HTML中，可以使用<select>元素创建下拉列表。通过设置Multiple属性为"on"，可以允许用户选择多个选项。要在页面加载时显示选定的值，可以使用JavaScript来实现。

以下是一个示例代码：

<select id="mySelect" multiple>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
  <option value="option4">Option 4</option>
</select>

<script>
window.addEventListener('DOMContentLoaded', (event) => {
  // 获取下拉列表元素
  const selectElement = document.getElementById('mySelect');
  
  // 设置选定的值
  selectElement.value = ['option2', 'option3'];
});
</script>

在上述代码中，我们首先创建了一个带有Multiple属性的<select>元素，并为每个选项指定了一个值。然后，通过JavaScript的DOM操作，我们在页面加载完成后获取到该<select>元素，并将选定的值设置为"option2"和"option3"。这样，在页面加载时，下拉列表中的选项"Option 2"和"Option 3"将被预先选定。

这种技术可以应用于各种场景，例如在表单中预先选择用户之前保存的选项、展示用户的偏好设置等。

腾讯云提供了丰富的云计算产品和服务，其中包括云服务器、云数据库、云存储等。您可以根据具体需求选择适合的产品。具体产品介绍和更多信息，请参考腾讯云官方网站：腾讯云。