JS控制select的方法(摘取)
2009年11月06日 星期五 10:31
<html> <head> <script language="javascript"> <!-- 检查某一项是否存在--> function check_option(t) { var obj = document.getElementById('select'); var len = obj.length; var exists = false; for(var i=0;i<len;i++) { if(obj.options[i].value==t) { exists = true; } } if (exists) { alert('exists'); } else { alert('not exists'); } } <!-- 增加一个select选项--> function add_option() { var obj = document.getElementById('select'); var len = obj.length; alert(len); obj.options.add(new Option('7aaaaaaaaaa','8')); } <!--删除一个select选项--> function del_option(t) { var obj = document.getElementById('select'); var len = obj.length; for(var i=0;i<len;i++) { if(obj.options[i].value == t) { // 兼容ie和firefox obj.options.remove只支持ie obj.remove(i); break; } }
} <!--选中一个选项--> function sel_option(t) { var obj = document.getElementById('select'); var len = obj.length; for(var i=0;i<len;i++) { if(obj.options[i].value == t) { obj.options[i].selected = true; break; } } } <!--修改某一项--> function edit_option(t) { var obj = document.getElementById('select'); var len = obj.length; for(var i=0;i<len;i++) { if(obj.options[i].value == t) { obj.options[i].text = 33333; break; } } } <!--清空--> function clear_option(){ var obj = document.getElementById('select'); obj.length = 0; } <!--获得选中项的text--> function text_option(){ var obj = document.getElementById('select'); value = obj.options[obj.selectedIndex].text; alert(value); } </script> </head> <body> <select name="select" id="select"> <option value="1">1zzzzzzzzzzzzzz</option> <option value="2">2zzzzzzzzzzzzzz</option> <option value="3">3zzzzzzzzzzzzzz</option> </select> <br /> <input type="button" οnclick="check_option('2');" value="检查"> <br /> <input type="button" οnclick="add_option();" value="增加"> <br /> <input type="button" οnclick="del_option('2');" value="删除"> <br /> <input type="button" οnclick="sel_option('2');" value="选中"> <br /> <input type="button" οnclick="edit_option('2');" value="修改"> <br /> <input type="button" οnclick="clear_option();" value="清空"> <br /> <input type="button" οnclick="text_option();" value="取值"> </body> </html> |