mysql下拉框回显_select下拉框,选择其中一个,然后进行查询,完成之后,页面上的select框不回显当前查询时选中的值...

本文介绍了在前端开发中如何实现数据回显,特别是在select和input元素中。通过设置隐藏input的值,传递给后台,并在页面初始化时处理传入的值,实现下拉框选项的选中状态。对于ztree形式的input,也有相应的回显方法,确保数据正确显示。
摘要由CSDN通过智能技术生成

1.首先在jsp页面select语句下面增加一个隐藏的input

--请选择--

1

2

3

2.然后对input框中的值进行赋值,传给后台代码

function entryChange(){

var entryId= document.getElementById("demo").value;

$('#entryId').val(entryId);

}

3.赋值之后在后台定义,然后给他set/get方法,以便在jsp代码中进行接收

private String entryId;

public String getEntryId() {

return entryId;

}

public void setEntryId(String entryId) {

this.entryId = entryId;

}

4.从后台会通过xml还是别的方式跳转到jsp页面,在页面初始化方法中对传进来的值进行处理

var entryId = $("#entryId").val();

//这里根据你自己的需求来进行处理,因为我这里的数据是用ajax获取到的值拼接而成的

$.ajax({

contentType:"application/x-www-form-urlencoded;charset=UTF-8",

type:"POST",

url:"xxxx/xxxxxxxx.action?deptId="+deptId + "&" + Math.random(),

dataType:"json",

success:function(res){

var ststistic = ""+ "--请选择--" +"";

for(var i=0;i

res[i].statisticId;

res[i].statisticName;

if(entryId == res[i].statisticId){

ststistic=ststistic+""+res[i].statisticName+"";

}else{

ststistic=ststistic+""+res[i].statisticName+"";

}

}

$("#informationTypeIdEntry").html(ststistic);

}

});

对循环出来的值进行判断,如果从后台传进来的entryId与循环出来的某个值相同,则在中拼接上 selected='selected'属性。

5.还有一种情况就是下拉框的数据显示在页面上是ztree的形式,这种形式使用的不是select标签,而是input标签,那么我们这里就还可以使用另外一种回显方法(上面的都一样,只不过从后台返回值的时候做的回显操作不一样):

//ztree形式的input框

var entryId= $("#entryId").val();

if (citySelName.length > 0) {

$("#citySel").val(citySelName).trigger("change");

} else {

$("#citySel").val(null).trigger("change");//id为空的话 select框就是空

}

也可以起到回显的效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值