选下拉框的的值对应上传相应的图片_鼠标滑过下拉框选项时在单元格中显示对应图片...

3. 操作步骤

1)新建一张模板，如下图所示设计模板：

2)下拉框的控件名为ceshi，数据字典选择自定义，如下图：

注：要注意下拉框控件名称，在下面的js代码里面使用了控件名称调用该控件。

3)A1单元格为显示图片的单元格，单元格值为，是一个html显示图片的标签，故该单元格的内容显示方式需要选择为用HTML显示内容，选中单元格，在右侧的单元格属性表中选择单元格属性表-其他属性>显示内容，下拉框选择用HTML显示内容，单元格中图片默认显示翠鸟，如下图：

注：要注意img标签的id，id要与下面的代码里面使用的id一致。

4)点击模板>模板web属性>填报页面设置，为该模板添加一个加载结束事件，重写FineReport内置的点击下拉框按钮时下拉框数据初始化的方法。

原来的初始化方法中传递了三个参数，为了增强参数可读性，重写的方法中，我们更改了三个参数名称，改成$dom，showValue，index，$dom是指获取当前对象，showValue是指获取下拉框选项的显示值，index是指下拉框选择的序号，从0开始。

在原来的鼠标滑过事件中增加一个在固定单元格中显示对应图片的js，完整代码如下࿱