项目用了jeesite框架,性别是存在数据字典中,想用ajax异步刷新下拉框 form option 实现回显功能
代码是这样的:
var amntValue=null;
var premValue=null;
var genderValue=null;
var ageMinValue=null;
var ageMaxValue=null;
var insuYearMinValue=null;
var insuYearMaxValue=null;
var insuYearFlagValue=null;
if(flag==true){
data=planRateSid;
$.ajax({
url:'${ctx}/product/ebizProductPlanMain/getPlanRate?data='+data,
data:{},
type:'POST',
success:function(data){
rateItem=data.oneRateItem;
amntValue=rateItem.amnt;
premValue=rateItem.prem;
genderValue=rateItem.gender;
ageMinValue=rateItem.ageMin;
ageMaxValue=rateItem.ageMax;
insuYearMinValue=rateItem.insuYearMin;
insuYearMaxValue=rateItem.insuYearMax;
insuYearFlagValue=rateItem.insuYearFlag;
$("#amnt").val(amntValue);
$("#prem").val(premValue);
//性别这里
$("#gender").get(0).selectedIndex=1; //设置Select索引值为1的项选中
$("#gender").val(4); // 设置Select的Value值为4的项选中
$("#gender option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
$("#ageMin").val(ageMinValue);
$("#ageMax").val(ageMaxValue);
$("#insuYearMin").val(insuYearMinValue);
$("#insuYearMax").val(insuYearMaxValue);
$("#insuYearFlag").val(insuYearFlagValue);
},
error:function(){
alert("系统异常,请稍后再试。");
}
});
然后页面没反应,有没有大神知道怎么完成。。。简单的option,但偏偏是form:option 不知道这个标签具体怎么用,还有回显的时候要怎么让后台传过来的比如性别是男 显示男,是女显示女
success: function(data) {
$("#sex").append("" + "请选择" + "");
$.each(orgList, function (i, po) {
var name = po.name;
var id = po.id;
if (data.org == id) {
$("#sex").append("" + name + "");
}
else {
$("#sex").append("" + name + "");
}
});
以上是ajax请求后的回填, ajax回填不用form标签,一般EL表达式回显才这样写。。
select 对象可以和普通text box一样直接val设置值,如果是多选,注意val的参数是值数组,不能传递逗号分隔的字符串什么的,要split转为数组