<script type="text/javascript">
// grade 与 course 二级联动
$("#add-stu-grade").change(function(){
// 获取grade和course下拉框
var gradeSelect = $("#add-stu-grade");
var courseSelect = $("#add-stu-course");
// 获取grade的选择值,通过选择值,去获取由后端传过来的对应的course值
var gradeValue = $("#add-stu-grade option:selected").val();
// 后端传过来的值string json:grade value对应course的json字典
var selectValueStr = {{ selectValue | tojson | safe }};
// 转为json对象
var selectValue = JSON.parse(selectValueStr);
var courseValues = selectValue[gradeValue];
// 先置空再赋值
courseSelect.empty();
for (key in courseValues){
var option = $("<option>").val(courseValues[key][0]).text(courseValues[key][1]);
courseSelect.append(option);
}
});
// 设置course默认值
$().ready(
function(){
// 获取grade和course下拉框
var gradeSelect = $("#add-stu-grade");
var courseSelect = $("#add-stu-course");
// 获取grade的选择值,通过选择值,去获取由后端传过来的对应的course值
var gradeValue = $("#add-stu-grade option:selected").val();
// 后端传过来的值string json:grade value对应course的json字典
var selectValueStr = {{ selectValue | tojson | safe }};
// 转为json对象
var selectValue = JSON.parse(selectValueStr);
var courseValues = selectValue[gradeValue];
// 先置空再赋值
courseSelect.empty();
for (key in courseValues){
var option = $("<option>").val(courseValues[key][0]).text(courseValues[key][1]);
courseSelect.append(option);
}
}
);
</script>
js wtfforms selectField二级联动
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 主 题:以上市公司为中心的一二级联动并购重组基金、定向增发、借壳上市和新兴产业基金创新 时 间:2016年4月23...