<select id="select">
<!--下拉框数据动态加载-->
</select>

 js:(使用jquery) 

$(document).ready(function () { //此处页面打开即请求api
$.ajax({
type:'GET',
url:"{:url('Room/houseData')}",
contentType: "application/json; charset=utf-8",
async : true ,
dataType: "json",
success: function (date) {
var optionstring = "";
for (var j = 0; j < date.length;j++) {
console.log(date[j].house_name);
console.log(date[j].id);
optionstring += "<option value=\"" + date[j].id + "\" >" +date[j].house_name+" " + "</option>";
$("#select").html("<option value='0'>请选择...</option> "+optionstring);
}
}, error: function (msg) {
layer.msg('数据出错了!!');
}
});
});

  页面效果:

最新文章

  1. iOS开发中常见问题集锦
  2. ASCIL码和字符的转换
  3. yii 创建步骤
  4. ti processor sdk linux am335x evm /bin/commom.sh hacking
  5. aaaa
  6. jQuery事件与事件对象
  7. C# 封装 System.Data.SQLite
  8. Html网页的代码
  9. 学习 CosmosDB (NoSql)
  10. ACM | HDU|6227_Rabbit
  11. MySQL新参数log_error_verbosity
  12. 利用MathType为公式编号并引用
  13. zookeeper入门及使用(二)- 状态查看
  14. 【Linux】磁盘的分区与命名规则
  15. tensorflow读取数据的方式
  16. 提升jmeter自身性能
  17. Oracle:oracle 12.1.0.2 升级到12.2.0.1 后,自动任务报错:ORA-20001: Statistics Advisor: Invalid task name for the current user
  18. [翻译] ValueTrackingSlider
  19. Android-DateTimeAndroidUtil-工具类
  20. 《Java核心技术》 -- 读书笔记 ② - 类 | 对象 | 接口

热门文章

  1. Android DB类,支持MDB,SQLITE,SQLSERVER,支持查询、事务,对象直接插入和更新操作等
  2. QML Delegate中访问该持有者的方式 附加属性(转载)
  3. Best Time to Buy and Sell Stock II--疑惑
  4. mongodb 3.4 YUM安装
  5. LUHN算法
  6. 【Leetcode】【Medium】Binary Tree Zigzag Level Order Traversal
  7. echarts tooltip太多会超出显示范围-解决
  8. Docker Toolbox在window 10 home 下挂载宿主机目录到容器的正确操作
  9. [零基础学JAVA]Java SE基础部分-02.标识符、数据类型
  10. oracle中PLSQL存储过程中如何使用逗号分隔的集合(逗号分隔字符串转换为一个集合)