在下拉列表中选择特定选项时更改属性

<select id="mySelect" onchange="changeAttribute()">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

function changeAttribute() {
  var selectElement = document.getElementById("mySelect"); // 获取下拉列表元素
  var selectedValue = selectElement.value; // 获取选中的值

  // 根据选中的值来更改属性
  if (selectedValue === "option1") {
    // 如果选中的是选项1，则更改属性为属性1
    document.getElementById("myElement").setAttribute("属性", "属性1");
  } else if (selectedValue === "option2") {
    // 如果选中的是选项2，则更改属性为属性2
    document.getElementById("myElement").setAttribute("属性", "属性2");
  } else if (selectedValue === "option3") {
    // 如果选中的是选项3，则更改属性为属性3
    document.getElementById("myElement").setAttribute("属性", "属性3");
  }
}

<div id="myElement" 属性="默认属性">这是一个元素</div>