自定义选择选项作为mysql填充的下拉列表中的第一个选项
Custom select option as the 1st option in a mysql populated dropdown
我正在使用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);
});
});
只需制作:
<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
});
});
来自奥地利的问候
您可以直接替换
var countries="";
至
var countries='<option value="-1">Please select an option</option>';
在您现有的javascript 中具有相同的效果
相关文章:
- 而循环只设置php中输入字段中的第一个值
- 错误:$injector:modulerr模块错误(我的第一个SPA应用程序)
- IE11中的第二个调用取消了第一个Fetch API调用
- 如何为下拉列表的每个选项添加一个属性
- Javascript XMLHttpRequest——只有第一个POST请求有效
- 使用javascript或angularjs特定过滤器搜索字符串中第一个img标记的json值
- 将OnClick函数设置为<ul>,最后一个ul是擦除第一个ul-s
- RxJS油门行为;立即获取第一个值
- Angular UI网格:如何通过第一个UI网格中的按钮使第二个UI网格可见
- 选择多个实例中的第一个
- 如何在调用下一个请求之前完成第一个Ajax Get请求
- Lodash:返回对象的第一个键,该对象的值(即数组)中有一个给定的元素(即字符串)
- 我如何使第一个JS选项出现时,页面加载
- 如何将选项添加到淘汰js选项中的第一个
- 如何在jQuery中默认获取第一个HTML选项的值
- 动态选择选项列表重置为第一个值
- 如果选项卡是第一个,则禁用previous按钮
- 获取第一个h1标题,并在新选项卡中打开
h1.html - 避免使用jquery多次选择相同的选项,第一个select标记除外
- 更改第一个DropDownList的选项后,在Jquery中获取其他DropDownList的值