這是更好的方式來追加選擇？

Question

$('#selectID').append($('<option></option>').val(val).html(text)); 
$('#selectID').append('<option value="'+val+'">'+text+'</option>'); 

其中，val =循環期間的值，text =數據。 哪種方法更好追加？ 如果有大量數據，兩者之間的性能差別如何？

Answer 1

在我看來，later one更好，阿洛斯你不需要，如果你正在使用的'和" combintaion使用\字符。您可以直接，因此作爲

$('#selectID').append('<option value="'+val+'">'+text+'</option>'); 

Answer 2

第二種方式自然會更快，因爲您沒有創建對象並在其上執行jQuery方法。

我也認爲第二種方式更具可讀性，儘管這是有爭議的。

Answer 3

我喜歡這種方法，如「更好」對我來說是可讀性：

$('<option />').val(val).text(text).appendTo('#selectID'); 

它看起來更乾淨，並不像口齒不清。

Answer 4

如果只是文字和價值，我認爲這將是更好

$("#selectID").append(new Option("text", "value")); 

如果您需要設置ID或別的東西選項

$("#selectID").append($(new Option("text", "value")).attr("id", "id123"));