Question

我正在使用mysql数据库填充下拉列表。一切正常。但是如何设置第一个选择选项如下？

<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

这样做：

<select id="from_oq">
<option value="-1">Please select an option</option>
</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($("#from_oq").html()+countries); //<----- THIS
      });
  });

来自奥地利的问候

Answer 2

您可以直接替换

var countries="";

到

var countries='<option value="-1">Please select an option</option>';

在您现有的javascript中具有相同的效果

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

2 个答案: