小编Vol*_*myr的帖子

我们有HTML代码

<select id="mySelect">
 <optgroup label="First group" id="firstGrp">
   <option value="One">One</option>
   <option value="Two">Two</option>
</optgroup>
 <optgroup label="Second group" id="secondGrp">
   <option value="Three">Three</option>
   <option value="Six">Six</option>
   <option value="Four">Four</option>
   <option value="Five">Five</option>
 </optgroup>
</select>

我想要<option value="Six">Six</option>走到尽头<optgroup label="Second group" id="secondGrp">.

所以,我选择必要的元素并将其删除.

var secondGrp = d3.selectAll("#secondGrp option");
var six = secondGrp.filter(function(d, i){ return d === "Six")})
six.remove();

不幸的是,我不知道如何在最后添加它<option value="Six">Six</option>.