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>
VUE