如何在动态附加选择选项中添加手动选项？

Question

这是我的javascript代码：

$('#select_list_div').empty();

allRecords.push(arrayRec[i]);
allRecords.forEach( function(s) {                               
    $('#select_list_div').append('<option value="' + s.serial_no + '">' + s.serial_no + '.' + s.title + '</option>');   
});

在此代码中，arrayRec中的所有数据都会添加到allRecords中。但在此我想手动添加一个选项，例如：

'<option value="na">Select this</option>'

如何在我的JavaScript代码中添加它？

Answer 1

您只需要预先添加其他选项，因此请将此代码放在forEach：

之后

$('#select_list_div').prepend($("<option />", {
    value: 'na',
    text: 'Select this'
}));

Answer 2

这应该有用。

$('#select_list_div').empty();

$('#select_list_div').append('<option value="na">Select this</option>');

allRecords.push(arrayRec[i]);

allRecords.forEach( function(s) {                               
    $('#select_list_div').append('<option value="' + s.serial_no + '">' + s.serial_no + '.' + s.title + '</option>');   
});

或使用 prependTo()

$("<option value="na">Select this</option>").prependTo("#select_list_div"); 

Answer 3

在元素为空后添加以下行。

$('#select_list_div').append('<option value="na">Select this</option>');