您的位置：首页 > Web前端 > JavaScript

JS控制select的方法

2010-04-24 22:23 253 查看

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');
}
}

function add_option() {
var obj = document.getElementById('select');
var len = obj.length;
alert(len);
obj.options.add(new Option('7aaaaaaaaaa','8'));
}

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;
}

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" onclick="check_option('2');" value="检查">
<br />
<input type="button" onclick="add_option();" value="增加">
<br />
<input type="button" onclick="del_option('2');" value="删除">
<br />
<input type="button" onclick="sel_option('2');" value="选中">
<br />
<input type="button" onclick="edit_option('2');" value="修改">
<br />
<input type="button" onclick="clear_option();" value="清空">
<br />
<input type="button" onclick="text_option();" value="取值">
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航