如何從選擇選項中刪除所有元素，而不使用jquery

Question

我需要一個幫助。我需要從選擇選項中除去第一個使用Jquery/Javascript的所有元素。我正在解釋我的代碼如下。

<select class="form-control" name="spacearea" id="spaceStatusID" onchange="removeBorder('spaceStatusID');"> 
<option value="" selected>Select your space status</option> 
<option value="1">Available</option> 
<option value="2">Rented</option> 
</select> 

從上面我需要刪除選擇標籤內的所有元素，除了使用Jquery.Please先幫我一個i.e-<option value="" selected>Select your space status</option>。

Answer 1

這裏是一個例子。使用.find()與:gt()

$(function() { 
 
    $('#spaceStatusID').find('option:gt(0)').remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select class="form-control" name="spacearea" id="spaceStatusID" onchange="removeBorder('spaceStatusID');"> 
 
    <option value="" selected>Select your space status</option> 
 
    <option value="1">Available</option> 
 
    <option value="2">Rented</option> 
 
</select>