HTML DOM remove() ·½·¨
¶¨ÒåºÍÓ÷¨
remove() ·½·¨ÓÃÓÚ´ÓÏÂÀÁбíɾ³ýÑ¡Ïî¡£
Óï·¨
selectObject.remove(index)
²ÎÊý | ÃèÊö |
---|---|
index | ±ØÐè¡£¹æ¶¨ÒªÉ¾³ýµÄÑ¡ÏîµÄË÷ÒýºÅ¡£ |
˵Ã÷
¸Ã·½·¨´ÓÑ¡ÏîÊý×éµÄÖ¸¶¨Î»ÖÃÒÆ³ý <option> ÔªËØ¡£Èç¹ûÖ¸¶¨µÄϱê±È 0 С£¬»òÕß´óÓÚ»òµÈÓÚÑ¡ÏîµÄÊýÄ¿£¬remove() ·½·¨»áºöÂÔËü²¢Ê²Ã´Ò²²»×ö¡£
ʵÀý
ÏÂÃæµÄÀý×Ó¿É´ÓÁбíÖÐɾ³ý±»Ñ¡µÄÑ¡Ï
<html>
<head>
<script type="text/javascript">
function removeOption()
{
var x=document.getElementById("mySelect")
x.remove(x.selectedIndex)
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="removeOption()"
value="Remove option">
</form>
</body>
</html>