怎么通过Ajax方式绑定select选项数据-创新互联

本篇文章给大家分享的是有关怎么通过Ajax方式绑定select选项数据,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联建站网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队,负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作,以确保网站外观精美、成都网站设计、成都做网站易于使用并且具有良好的响应性。

解决办法


在HTML代码段中只需写入


--请选择--

在JavaScript代码段中写入以下ajax取数据并绑定数据的过程

$.ajax({
 type : "post",
 url : "api/department/list", //此次url改为真正需要的url
 success : function(data, status) {
  $.each(data, function(index, item) {
   $("#select").append( //此处向select中循环绑定数据
 "" + item.name+ "");
  });
 },
});

最后可通过javaScript语句document.getElementById("select").value获取select标签中被选中的值。

以上就是怎么通过Ajax方式绑定select选项数据,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


新闻标题:怎么通过Ajax方式绑定select选项数据-创新互联
网页URL:http://bzwzjz.com/article/ioiec.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站制作 成都网站设计 广安网站设计 成都网站建设 外贸营销网站建设 阿坝网站设计 公司网站建设 手机网站制作 成都网站建设 成都网站建设 成都网站设计 商城网站建设 成都h5网站建设 宜宾网站设计 网站建设公司 网站设计 营销型网站建设 外贸网站建设 重庆手机网站建设 成都网站建设公司 成都网站建设 重庆外贸网站建设