以前按我也不太清楚 <select></select>
标签的改变是怎么样的,现在明白了是onchange事件,上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
</head>
<body>
<select data-am-selected id = "s1">
<option value="a">Apple</option>
<option value="b" selected>Banana</option>
<option value="o">Orange</option>
<option value="m">Mango</option>
<option value="d" disabled>禁用鸟</option>
</select>
<script type="text/javascript" src = "https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src = "http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
<script type="text/javascript">
document.getElementById("s1").onchange =function(){
console.log(this.options[this.selectedIndex].innerHTML);
}
</script>
</body>
</html>
这次我用的AnazeUI这个框架,这个框架特别好,结果如下
选中之后会有一个选中的选项,下标是selectedIndex