ページのロード時にドロップダウンノードを削除

Question

このドロップダウンがあり、ページが読み込まれたときにその子をすべて削除します。ここに私のコードです。

Answer 1

<select id="mylist"> 
 
    <option value="B">B</option> 
 
    <option value="D">D</option> 
 
    <option value="E">E</option> 
 
    <option value="F">F</option> 
 
    <option value="R">R</option> 
 
</select>`

私は切り離し（）

$(window).on('load',function(){ 
 
    $('#mylist>option').detach(); 
 
});

jqueryのメソッドは、リストを再追加したい場合の値を維持するを使用しますイベントやデータが失われることはありません。

ページがロードされたときに、それをしたい場合は、あなたがしなければならないので、あなたは、すべての子を削除するために empty()を使用することができます

Answer 2

：

$(document).ready(function() { 
    $("#mylist").empty(); 
}); 

このオプションでは、子供を削除し、すべての種類のだろうそれらのノードの内部に格納されたデータ。ドキュメント：jQuery empty documentation

あなたが.detach()を使用することができ、データを保持したい場合は、なぜ誰もがjQueryのを使用することを示唆しているjQuery detach documentation

Answer 3

？彼ははっきりと初心者です。
私はこのためにドキュメントAPIを使用しますが、1つの関数にライブラリ全体が必要なわけではありません。空白のHTMLを選択し設定し

document.addEventListener("DOMContentLoaded", function() { 
 
    for(var i = 0; i<document.getElementsByTagName("select"); i++){ 
 
    var b = document.getElementsByTagName("select")[i]; 
 
    b.parentElement.removeChild(b); 
 
} 
 

 
});

Answer 4

。

$('#mylist').html('');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="mylist"> 
 
    <option value="B">B</option> 
 
    <option value="D">D</option> 
 
    <option value="E">E</option> 
 
    <option value="F">F</option> 
 
    <option value="R">R</option> 
 
</select>