自定义选择选项作为mysql填充下拉列表中的第一个选项

Question

I'm populating a dropdown list using a mysql database. Everything works fine. But how do I set the first select option as below?

<option value="">......</option>

html

<select id="from_oq">
</select>

jQ

$(document).ready(function() {
      var countries="";
      $.getJSON("countries.php",function(data){
        $.each(data,function(index,item){
          countries+="<option value='"+item.id+"'>"+item.fullName+"</option>";
        });
      $("#from_oq").html(countries); 
      });
  });

Answer 1

Just make this:

<select id="from_oq">
<option value="-1">Please select an option</option>
</select>

and add this in the jQ:

$(document).ready(function() {
      var countries="";
      $.getJSON("countries.php",function(data){
        $.each(data,function(index,item){
          countries+="<option value='"+item.id+"'>"+item.fullName+"</option>";
        });
      $("#from_oq").html($("#from_oq").html()+countries); //<----- THIS
      });
  });

Greetings from Austria