【H5开发】02手把手带你开发H5列表页面

取消

<button type=“button” class=“btn btn-primary” style=“margin-top: 0.3rem;margin-bottom: 0.31rem;”

οnclick=“btnSave()” id=“baocun”>

保存

<button type=“button” class=“btn btn-primary” data-dismiss=“modal”

style=“margin-top: 0.3rem;margin-bottom: 0.31rem;” id=“queren”>

确认

×

提交后不可修改，是否确认提交？

取消

确定

2. 添加年份、季度、岗位的select下拉框信息

var year = [‘2017’, ‘2018’, ‘2019’, ‘2020’, ‘2021’];

var mobileSelect1 = new MobileSelect({

trigger: ‘#year’,

title: ‘年份’,

wheels: [

{ data: year }

],

position: [4], //初始化定位 打开时默认选中的哪个 如果不填默认为0

transitionEnd: function (indexArr, data) {

$(“#year”).val(data[0])

},

callback: function (indexArr, data) {

}

});

var jidu = [‘第一季度’, ‘第二季度’, ‘第三季度’, ‘第四季度’];

var mobileSelect2 = new MobileSelect({

trigger: ‘#jidu’,

title: ‘季度’,

wheels: [

{ data: jidu }

],

position: [1], //初始化定位 打开时默认选中的哪个 如果不填默认为0

transitionEnd: function (indexArr, data) {

//console.log(data);

},

callback: function (indexArr, data) {

$(“#jidu”).val(data[0])

}

});

// 岗位 0：综合管理岗，1：行政事务岗，2：行政执法岗，3：专业技术岗，4：窗口服务岗

var choosedGangweiIndex = “”;

var gangwei = [‘综合管理岗’, ‘行政事务岗’, ‘行政执法岗’, ‘专业技术岗’, ‘窗口服务岗’];

var mobileSelect4 = new MobileSelect({

trigger: ‘#gangwei’,

title: ‘岗位’,

wheels: [

{ data: gangwei }

],

position: [0], //初始化定位 打开时默认选中的哪个 如果不填默认为0

transitionEnd: function (indexArr, data) {

//console.log(data);

},

callback: function (indexArr, data) {

// console.log(indexArr[0])

choosedGangweiIndex = indexArr[0]

$(“#gangwei”).val(data[0])

}

});

其实对于部门也是一个道理，但是这里，部门不是固定枚举的，而是根据用户从数据库（调接口）中获取显示，因此我们稍后再解决

3.同上一节的介绍，需要初始化页面并添加数据到content_1

var pageNum = 1; //默认是从第一页开始访问

<