How to add manual option in dynamic appending select options?

Question

This is my javascript code :

$('#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>');   
});

In this code all data from arrayRec is getting added in allRecords . But In this I want to add one option manually, for example :

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

How can I add this in my JavaScript code ?

Answer 1

Well you just need to prepend another option, so put this code after your forEach :

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

Answer 2

This should work.

$('#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>');   
});

Or using prependTo()

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

Answer 3

将元素设为空后，添加以下行。

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