設置水果.jpg
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button>識別鯉魚</button><br><br>
<button>去掉</button><br><br>
<select id="sel" multiple>
<option value="0">香蕉</option>
<option value="1">蘋果</option>
<option value="2" selected="">鯉魚</option>
<option value="3">鴨梨</option>
</select>
<script>
//需求：點擊識別水產，立刻把option對應的鯉魚選擇的屬性設置為selected;
//步驟：
//1.獲取事件源和相關元素
//2.綁定事件
//3.書寫事件驅動程序
//1.獲取事件源和相關元素
var btn1 = document.getElementsByTagName("button")[0];
var btn2 = document.getElementsByTagName("button")[1];
var sel = document.getElementById("sel");
var optArr = sel.getElementsByTagName("option");
//2.綁定事件
// btn1.onclick = function () {
// //3.書寫事件驅動程序
// optArr[2].selected = true;
// }
//
// btn2.onclick = function () {
// //3.書寫事件驅動程序
// optArr[2].selected = false;
// optArr[3].selected = true;
// }
</script>
</body>
</html>
