dsaob80228
2014-09-27 18:16
浏览 49

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

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); 
      });
  });

图片转代码服务由CSDN问答提供 功能建议

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

 &lt; option value =“”&gt; ......&lt; / option&gt; 
   
 
 

html

 &lt; select id =“from_oq”&gt; 
&lt; / select&gt; 
    
 
 

jQ

  $(document).ready(function(){
 var countries =“”; 
 $ .getJSON  (“countries.php”,函数(数据){
 $ .each(数据,函数(索引,项目){
 countries + =“&lt; option value ='”+ item.id +“'&gt;”+ item  .fullName +“&lt; / option&gt;”; 
}); 
 $(“#from_oq”)。html(countries); 
}); 
}); 
    
 
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • dtqu3278 2014-09-27 18:19
    已采纳

    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

    点赞 打赏 评论
  • douyanjing8287 2014-09-27 18:54

    You can directly replace

    var countries="";
    

    to

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

    to have the same effect in your already existing javascript

    点赞 打赏 评论

相关推荐 更多相似问题