jQuery打印插件jqprint,无法打印select下拉框的值

  1. 插件的使用方法
  2. 场景描述:打印页面时,要打印出选中的下拉列表值

2-1. 项目使用技术较旧,页面是jsp语法,下拉列表是jsp语法遍历加载

<div class="col-xs-2">
    <label for="demandType" class="control-label">部件需求<span style="color:red;vertical-align:middle;">*</span></label>
</div>
<div class="col-xs-4">
    <select class="form-control input-sm" name="demandType" id="demandType" datatype="*"  ignore="checked">
        <c:forEach var="item" items="<%=DemandTypeEnum.values()%>">
            <option value="${item.type}">${item.value}</option>
        </c:forEach>
    </select>
</div>

2-2. DOM加载完成后,jQuery初始化 选中列表值

$(document).ready(function() {
	// ${repairApplication.demandType} 是后端返回到jsp页面的参数
	let dem = '${repairApplication.demandType}'; 
	// 设置默认值为dem,让页面下拉列表选中
	$("#demandType").val(dem);
}

2-3 点击按钮,触发打印功能,调用浏览器的打印预览功能

function downPDFClick() {
    clearInterval (timer);
    timer = setTimeout(() => {
        $("#printPDF").jqprint({
            debug: false,
            printContainer: true,
            operaSupport: true
        });
    }, 300)
}

2-4 打印预览中,下拉列表的值是默认是选中第一个,不是jQuery设置的dem值
解决方案:

把设置下拉列表某个值,改成选中下拉列表某个值
$("#demandType").val(dem);
改为
$("select[name='demandType'] option[value='"+dem+"']").attr("selected","selected");

2-5 得出结论: jqprint打印预览时,预览的是下拉列表选中的值,而不是下拉列表设置的值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

帝博格T-bag

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值