您当前的位置: 首页 > 知识百科 > 如何实现小程序下拉框组件编辑?

如何实现小程序下拉框组件编辑?

时间:2023-07-01 14:05 阅读数:19 人阅读 分类:知识百科

  如何实现小程序下拉框组件编辑?小程序的下拉框可以进行编辑,该怎么去实现小程序下拉框组件的编辑了?请往下看小编整理的相关介绍。

  该组件很智能,这个其实就是文本框和下拉框的组合,当你点击最右边的下拉小程序按钮会实现下拉框的功能,当你选中小程序文本框是文本框的功能,将文本框和下拉框设置name属*一样他自动会把对应下拉框的值传入后台,而文本框的值不传,当你做文本框使用它会吧文本框的值传入后台而小程序下拉框的值不传。

  效果图

  做是文本框

  

  做下拉框

  

  1.引进js文件

  

  2.对应文本的js

  

  3.请求小程序数据的js

  function showDiv(){

  var flag = $("#ms-res-ctn-0").css("display");

  if(flag == "block"){

  $("#ms-res-ctn-0").css("display","none");

  }else{

  $("#ms-res-ctn-0").css("display","");

  loadChildren();

  }

  }

  function loadChildren(){

  var CountryID = $("#countryId2").val();

  $.ajax({

  async:true,

  cache:false,

  type:"POST",

  url:"${pageContext.request.contextPath}/agent/findCityList",

  data:{CountryId:CountryID},

  success: function(data){

  $("#ms-res-ctn-0").empty();

  for(var i=0; i

  var div = "

"+data[i].citycode+"

";

  $("#ms-res-ctn-0").append(div);

  }

  }

  });

  }

  小程序下拉框组件怎么编辑?以上是微小乔小编整理的微信小程序下拉框组件编辑怎么实现的内容,如果您想了解更多相关内容请多多关注微小乔。

  小程序数据传递怎样进行

  微信小程序数据库交互怎么实现?

  微信小程序怎么调用数据库?