成都创新互联网站制作重庆分公司

怎么通过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://cxhlcq.com/article/ioiec.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部