现在的位置: 首页 > 综合 > 正文

[JavaScript] 动态删除下拉列表select的选项

2017年10月14日 ⁄ 综合 ⁄ 共 923字 ⁄ 字号 评论关闭

动态删除下拉列表select的选项,全部删除或删除部分选项



<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>无标题页</title>
<script type="text/javascript">
function DelectOption()
 
{
    
var objSelect=document.getElementById("sltAnimals");
    objSelect.length
=1;//删除下拉框中除第一项外的所有项,全部删除=0
 }

</script>
</head>
<body>
    
<form id="form1" runat="server">
    
<div>
<select id="sltAnimals">
       
<option value="1"></option>
       
<option value="2"></option>
       
<option value="3"></option>
       
<option value="4"></option>
       
<option value="5"></option>
       
<option value="6"></option>
       
<option value="7"></option>
       
<option value="8"></option>
       
<option value="9"></option>
       
<option value="10"></option>
       
<option value="11"></option>
       
<option value="12"></option>
</select>
<input id="Button1" type="button" value="DelectOption"  onclick="DelectOption();"/>
    
</div>
    
</form>
</body>
</html>

 

抱歉!评论已关闭.