select与option标签

select标签可添加change事件

<select onchange="select()" id="demo">
   <option value="red" selected>红色</option>         //selected属性表示初始默认选项
   <option value="black">黑色</option>
   <option value="green">绿色</option>
</select>

每个<option> 元素都应该有一个value属性，其中包含被选中时需要提交到服务器的数据值。如果不含value属性，则 value 值默认为元素中的文本。你可以在<option>元素中设置一个 selected 属性以将其设置为页面加载完成时默认选中的元素。

选择option相关值

function demo(){
  let select= document.getElementById('demo');       //获取select的dom
  let index = select.selectedIndex;                  //获取选中的index
  let value = select.options[index].value;           //获取value值 
  let text  = select.options[index].text;            //获取标签值
  ...
}