Lodop输出页面input文本框的最新值

默认使用Lodop打印页面上的文本框等，会发现虽然页面上文本框输入了值，打印预览却是空的，这是由于没有把最新的值传入Lodop。

如图，演示的是Lodop如何输出文本框内的新值，这里整个页面只有input type="text"，如果有单选等，需要判断一下是input类型是文本框还是单选框 input type="radio"。如果有其他表单输出项，也要添加到判断里，除了input，还可能有select下拉列表。
为了简略，图中代码里只让innerHTML获取的内容包含input（整个页面只有type="text"文本框）的最新值。

同时让innerHTML获取的内容包含input和select(option)的最新值，下图代码可以从如下官网样例里拷贝（或下载中心综合版里自带的样例），页面右键-查看源码，可以查看或拷贝代码写好的refreshData()方法。
如果想打印使用页面的最新值，可在打印前调用一下这个方法。

如下代码，可用Lodop输出文本框，单选框，复选框，下拉列表的最新值。

    function refreshData(){ //让innerHTML获取的内容包含input和select(option)的最新值var allInputObject=document.body.getElementsByTagName("input");for (i = 0; i < allInputObject.length; i++) {if(allInputObject[i].type=="checkbox")  {if (allInputObject[i].checked ) allInputObject[i].setAttribute("checked","checked"); elseallInputObject[i].removeAttribute("checked");} else     if(allInputObject[i].type=="radio")  {if (allInputObject[i].checked ) allInputObject[i].setAttribute("checked","checked"); elseallInputObject[i].removeAttribute("checked");}else allInputObject[i].setAttribute("value",allInputObject[i].value);};for (i = 0; i < document.getElementsByTagName("select").length; i++) {var sl=document.getElementsByTagName("select")[i];for (j = 0; j < sl.options.length; j++) {if (sl.options[j].selected) sl.options[j].setAttribute("selected","selected");else sl.options[j]=new Option(sl.options[j].text,sl.options[j].value);};};};

转载于:https://www.cnblogs.com/huaxie/p/9952016.html

Lodop输出页面input文本框的最新值相关推荐

通过js获得input文本框输入的值
如何通过js获得input文本框输入的值. 前言我们编写的被载入浏览器的HTML页面都是一个 Document 对象.对于Document对象可以使我们通过代码(比如javascript)对HTML ...
如何通过js获取html文本框中的值,js实现动态自动获取input文本框中的值
js怎样实现输入字符时,动态输入框input中实时变化的值的方法. 首先我们需要用到js中的jquery插件,在使用jq时需要先引用jquery文件. 需要使用到js中的oninput事件与onpro ...
java中文本框如何表示为空值_去jsp页面中文本框有NULL值的代码
//FilterBean.java public class FilterBean{ public FilterBean(){} public /*static*/ String filter(Str ...
如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...
.jsp页面提交form表单，后台却无法获取input文本框value值
问题一:奇葩bug总结:input提交,后端获取不到value问题注意: java后端jsp页面input disabled="disabled"表单提交,后端无法print获取 ...
php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS简单获取并修改in ...
小程序获取input文本框的值
小程序中获取input文本框的值示例: <input value={{msg}} bindinput="inputHandler"/> 小程序中使用event.det ...
css合并两个文本框,css实现input文本框的双边框美化
css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...
HTML -- 使input文本框不可编辑的2种方法（有disabled属性的input框，后台获取不到值）
1. 使input文本框不可编辑的2种方法今天在写JSP的时候我写了这样的代码 updateBook.jsp <form action="${pageContext.request. ...

Lodop输出页面input文本框的最新值

Lodop输出页面input文本框的最新值相关推荐

最新文章

热门文章