重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

怎么通过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选项数据-创新互联
分享网址:http://cqcxhl.cn/article/ioiec.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP