下拉列表也是Web开发中常用的控件之一，用来从一组可选项中选取一项。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<select size="7" style="width: 200px;" id="slt">
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
</select><br /><br />
<input type="text" id="txt"/>
<input type="button" value="添 加" id="btn"/>
</body>
</html>
<script>
var txt = document.getElementById('txt');
var slt = document.getElementById('slt');
document.getElementById('btn').onclick = function(){
var opt = document.createElement('option');
opt.innerText = txt.value;
slt.appendChild(opt);
txt.value = '';
}
</script>
