remove()方法用于从下拉列表删除选项;
语法:selectObject。remove(index);
index 必须,规定要删除的选项的索引号;
事实证明index可以填也可以不填,可以为数字索引也可以为其他;
作业:
<body> <ul id="myList"> </ul> <button οnclick="appendItem()">爱好</button> <script> var ul=document.getElementById("myList"); function appendItem(){ var num=ul.children.length+1; var text=window.prompt("请输入爱好!") ul.innerHTML+="<li><span>"+num+"</span><span>"+text+"</span>" + "<span><button οnclick='removeItem(this)'>删除</button></span></li>" } function removeItem(btn){ var item= btn.parentNode.parentNode; var no=Number(item.children[0].innerHTML); item.remove(); for(var i=no-1;i<ul.children.length;i++){ ul.children[i].children[0].innerHTML=i+1; } }