html点击按钮自动填充内容,mui中点击按钮弹出层可供选择数据自动填充

jsp

调动职务label>

选择职务font>span>

div>

i>span>

选择职务h1>

header>

div>

div>

div>

div>

div>JS

var TempvalueArr=[];//存储li的value

var TempnameArr=[];//存储li的name

填充数据

var msg = "";

$.each(data.hrSchoolmovetypelista,function(index,transferPosition){

msg+=""+transferPosition.name+"li>";

TempvalueArr[index] = transferPosition.value;

TempnameArr[index] = transferPosition.name;

});

msg +="ul>";

$("#tdul").html(msg);

mui("#tdul").on('tap','.liname',function(){

var value = this.getAttribute("value");

var name = this.innerText;

$("#transferPosition").val(value);

$("#transferPositionName").html(name);

$("#tddiv").css("display","none");

});

搜索时调用

mui("#zwsearch").on('tap','.mui-icon-clear',function(){

var mdocment = $("#tdul");

mdocment.html("");

var msg = "";

for(i=0;i

msg+="

>"+TempnameArr[i]+"li>";

}

msg +="ul>";

mdocment.append(msg);

mui("#tdul").on('tap','.liname',function(){

var value = this.getAttribute("value");

var name = this.innerText;

$("#transferPosition").val(value);

$("#transferPositionName").html(name);

$("#tddiv").css("display","none");

});

});

获取焦点时调用

function setfocus(this_){

var mdocment = $("#tdul");

mdocment.html("");

var msg = "";

if(this_.value.length>0){

for(i=0;i

if(TempnameArr[i].substring(0,this_.value.length).indexOf(this_.value)==0){msg+="

>"+TempnameArr[i]+"li>";

}

}

msg +="ul>";

mdocment.append(msg);

}else{

for(i=0;i

msg+="

>"+TempnameArr[i]+"li>";

}

msg +="ul>";

mdocment.append(msg);

}

mui("#tdul").on('tap','.liname',function(){

var value = this.getAttribute("value");

var name = this.innerText;

$("#transferPosition").val(value);

$("#transferPositionName").html(name);

$("#tddiv").css("display","none");

});

}

输入框发生变化时调用

function setinput(this_){

var mdocment = $("#tdul");

mdocment.html("");

var msg = "";

for(i=0;i

if(TempnameArr[i].substring(0,this_.value.length).indexOf(this_.value)==0){msg+="

>"+TempnameArr[i]+"li>";

}

}

msg +="ul>";

mdocment.append(msg);

mui("#tdul").on('tap','.liname',function(){

var value = this.getAttribute("value");

var name = this.innerText;

$("#transferPosition").val(value);

$("#transferPositionName").html(name);

$("#tddiv").css("display","none");

});

}

点击打开层

document.getElementById("transferPositionName").addEventListener('tap', function() {

$("#tddiv").css("display","block");

mui('#td_scroll').scroll().scrollTo(0,0,100);//100毫秒滚动到顶;

$("#tddiv").css("height",window.innerHeight-45+"px");

});

点击关闭层

document.getElementById("closetd").addEventListener('tap', function() {

$("#tddiv").css("display","none");

});