一段关于options对象的JS函数,刚学有点看不懂,请帮忙解释下。谢谢
<html><head></head><body><selectid="sel"></select><inputtype="button"value="添加一项"oncl...
<html>
<head>
</head>
<body>
<select id="sel">
</select>
<input type="button" value="添加一项" onclick="add_option()" />
<input type="button" value="删除一项" onclick="del_option()" />
<input type="button" value="获取文本" onclick="get_text()" />
<input type="button" value="获取value" onclick="get_value()" />
<input type="button" value="删除全部" onclick="del_all()" />
<script type="text/javascript">
var sel = document.getElementById("sel");
function add_option(){
sel.options.add(new Option("已经添加","10"));
}
function del_option(){
if(sel.options.length == 0)return;
sel.options.remove(sel.options.length-1);
}
function get_text(){
if(sel.options.length == 0)return;
alert(sel.options[sel.selectedIndex].text);
}
function get_value(){
if(sel.options.length == 0)return;
alert(sel.options[sel.selectedIndex].value);
}
function del_all(){
sel.options.length = 0;
}
</script>
</body>
</html>
请解释下sel.options.add(new Option("已经添加","10"));与if(sel.options.length == 0)return;这句。谢谢。 展开
<head>
</head>
<body>
<select id="sel">
</select>
<input type="button" value="添加一项" onclick="add_option()" />
<input type="button" value="删除一项" onclick="del_option()" />
<input type="button" value="获取文本" onclick="get_text()" />
<input type="button" value="获取value" onclick="get_value()" />
<input type="button" value="删除全部" onclick="del_all()" />
<script type="text/javascript">
var sel = document.getElementById("sel");
function add_option(){
sel.options.add(new Option("已经添加","10"));
}
function del_option(){
if(sel.options.length == 0)return;
sel.options.remove(sel.options.length-1);
}
function get_text(){
if(sel.options.length == 0)return;
alert(sel.options[sel.selectedIndex].text);
}
function get_value(){
if(sel.options.length == 0)return;
alert(sel.options[sel.selectedIndex].value);
}
function del_all(){
sel.options.length = 0;
}
</script>
</body>
</html>
请解释下sel.options.add(new Option("已经添加","10"));与if(sel.options.length == 0)return;这句。谢谢。 展开
2个回答
展开全部
首先:new Option("已经添加","10");的Option对象是指html中的"<option>标签项";那么new Option("已经添加","10")就是构造一个标签项;
select.options:是指一个select中option的集合。
那么一个集合调用add方法就是增加一项。其实就是增加一个option,显示“已经添加”value是10。.
而if(sel.options.length == 0)return;是指当select.options.length=0就代表没有option了。自然就不用删除了。所以return了~希望你能明白~
select.options:是指一个select中option的集合。
那么一个集合调用add方法就是增加一项。其实就是增加一个option,显示“已经添加”value是10。.
而if(sel.options.length == 0)return;是指当select.options.length=0就代表没有option了。自然就不用删除了。所以return了~希望你能明白~
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询