js添加、删除select

地址：http://www.xwqy.com/news_detail.jsp?id=90

先看基本的操作代码：
1.动态创建select
function createSelect(){
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
2.添加选项option
function addOption(){
//根据id查找对象，
var obj=document.getElementById('mySelect');
//添加一个选项
obj.add(new Option("文本","值"));
}
3.删除所有选项option
function removeAll(){
var obj=document.getElementById('mySelect');

obj.options.length=0;
}
4.删除一个选项option
function removeOne(){
var obj=document.getElementById('mySelect');
//index,要删除选项的序号，这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
5.获得选项option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].value;
6.获得选项option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].text;
7.修改选项option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");
8.删除select
function removeSelect(){
var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
}
其实我当初目的是要做个类似股票查询的那种查询方式的，根据你输入的数据，检索数据库，并将匹配的数据在SELECT中罗列出来，因为数据库中有大量的并且单条记录很复杂的数据，每次操作这些数据都要完全输入的话，会造成很的工作量，比如某个产品系统，它的类别有上千上万种，在选择类别的时候，如果将所有的列别放在SELECT中选择的话，用户肯定不愿意，但是，这个类别已经是终极类别了，无法再细分，所以这种选择的方式就被PASS了！见到过股票的那个查询方式，你只要输入股票的前几个字母，系统就会将想匹配的股票全列出来，你输入的越详细，在数据库中的类似数据就越少，那么可供选择的数据就越少越明了，比如：中国招商银行，你输入“中”，那么系统可能会罗列出以“中”开头的“中国银行”，“中国工业银行”，“中国商业银行”等等等等，但当你输入到“中国招”的时候，罗列出来的可能就只有“中国招商银行了”——注：实际的股票查询系统可能是以字母操作的，在此只是举例！

研究了一个早上，呵呵，偶有点苯哈，先将研究结果列出来，供大家参考：
假定已经所有数据放入了str1这个字符串中！
<script language="javascript">
function checkstr(num){
document.form1.CodeList.options.length=0;
if (num!=""){
var str1 = "张三|张三丰二|张三丰|李四|李五|李四书|王二|王三|王六|王小王|王小小王"
var strarray=str1.split( "|");
for(i=0;i<=strarray.length-1;i++){
if (strarray[i].indexOf(num)>=0){
document.form1.CodeList.style.display="";
document.form1.CodeList.options.add(new Option(strarray[i],strarray[i]));
}
}
}
}
</script>
<form name="form1">
<input type="text" name="code" οnkeyup="checkstr(this.value)" οnblur="this.value=document.form1.CodeList.value"/>
<select name="CodeList" οnchange="document.form1.code.value=this.value;"style="display:none;"></select>
</form>