E-Office 下拉框联动

最新推荐文章于 2020-04-21 21:18:33 发布

原创最新推荐文章于 2020-04-21 21:18:33 发布 · 828 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载 - 九方

文章标签：

#E-Office #二次开发 #下拉框联动

本文介绍了一种使用jQuery实现的下拉框联动效果。当选择第一个下拉框的不同选项时，第二个下拉框的内容会相应地发生变化。适用于产品订单、试用装订单等多种场景。

下拉框联动代码

$(document).ready(function(){
	
	var changeSV = function(_14val) {
		var sv = $('#DATA_7').val();
		$("#DATA_14").html('');
		if (sv == '产品订单') {
			$("#DATA_14").append("<OPTION value='正常订单'>正常订单</OPTION>");
			$("#DATA_14").append("<OPTION value='政策订单'>政策订单</OPTION>");
			$("#DATA_14").append("<OPTION value='政策返利'>政策返利</OPTION>");
			$("#DATA_14").append("<OPTION value='季度达成返利'>季度达成返利</OPTION>");
			$("#DATA_14").append("<OPTION value='年度任务返利'>年度任务返利</OPTION>");
			$("#DATA_14").append("<OPTION value='柜台核销'>柜台核销</OPTION>");
			$("#DATA_14").append("<OPTION value='会议核销'>会议核销</OPTION>");
			$("#DATA_14").append("<OPTION value='广告费用核销'>广告费用核销</OPTION>");
			$("#DATA_14").append("<OPTION value='正常折扣的订单'>正常折扣的订单</OPTION>");
			$("#DATA_14").append("<OPTION value='特殊折扣的订单'>特殊折扣的订单</OPTION>");
			$("#DATA_14").append("<OPTION value='公司内部申请'>公司内部申请</OPTION>");
			$("#DATA_14").append("<OPTION value='公司召回'>公司召回</OPTION>");
			$("#DATA_14").append("<OPTION value='申请退货'>申请退货</OPTION>");
			$("#DATA_14").append("<OPTION value='内购'>内购</OPTION>");
		} else if (sv == '试用装订单' || sv == '物料订单') {
			$("#DATA_14").append("<OPTION value='正常配比订单'>正常配比订单</OPTION>");
			$("#DATA_14").append("<OPTION value='政策配比订单'>政策配比订单</OPTION>");
			$("#DATA_14").append("<OPTION value='特殊申请订单'>特殊申请订单</OPTION>");
			$("#DATA_14").append("<OPTION value='客户购买订单'>客户购买订单</OPTION>");
			$("#DATA_14").append("<OPTION value='柜台配送'>柜台配送</OPTION>");
			$("#DATA_14").append("<OPTION value='新品上市配送'>新品上市配送</OPTION>");
		}
		$('#DATA_14').val(_14val);
	};
	
	$('#DATA_7').change(function(){
		changeSV('');
	});
	
	changeSV($('#DATA_14').val());
});