<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id = "id">
test
</div>
<!-- select常用方法add(option),remove(index) -->
<!-- option var o = new option(text,value) 常用属性index value text selected -->
<select id="sel" onchange="show()">
<option value="sz">苏州</option>
<option value="nj">南京</option>
<option value="sh">上海</option>
</select>
<script type="text/javascript">
//标准dom对象和htmldom对象
var img = document.createElement("img");
var i = new Image();
i.src="src/Rx.jpg";
var div = document.getElementById("id");
img.setAttribute("src","src/旺财.jpg");
// div.appendChild(img);
// div.appendChild(i);
function show(){
var sel = document.getElementById("sel");
var index = sel.selectedIndex;
console.log(sel.options[index].value);
var op = new Option('广东','gd');//创建option
sel.add(op);//添加option
}
</script>
</body>
</html>
select option
最新推荐文章于 2022-09-16 21:12:50 发布