<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<select size="7" style=" 200px;" id="slt">
<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>
利用createdElement标签创造一个option将文本栏里的内容加入value到option里，然后再用appendChild将option里的内容加到下拉框中的，最后将文本框中的内容清空增加用户的体验性。