默認(rèn)使用Lodop打印頁(yè)面上的文本框等，會(huì)發(fā)現(xiàn)雖然頁(yè)面上文本框輸入了值，打印預(yù)覽卻是空的，這是由于沒(méi)有把最新的值傳入Lodop。

如圖，演示的是Lodop如何輸出文本框內(nèi)的新值，這里整個(gè)頁(yè)面只有input type="text"，如果有單選等，需要判斷一下是input類型是文本框還是單選框 input type="radio"。如果有其他表單輸出項(xiàng)，也要添加到判斷里，除了input，還可能有select下拉列表。
為了簡(jiǎn)略，圖中代碼里只讓innerHTML獲取的內(nèi)容包含input（整個(gè)頁(yè)面只有type="text"文本框）的最新值。

同時(shí)讓innerHTML獲取的內(nèi)容包含input和select(option)的最新值，下圖代碼可以從如下官網(wǎng)樣例里拷貝（或下載中心綜合版里自帶的樣例），頁(yè)面右鍵-查看源碼，可以查看或拷貝代碼寫(xiě)好的refreshData()方法。
如果想打印使用頁(yè)面的最新值，可在打印前調(diào)用一下這個(gè)方法。

如下代碼，可用Lodop輸出文本框，單選框，復(fù)選框，下拉列表的最新值。

function refreshData(){ //讓innerHTML獲取的內(nèi)容包含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);};};};

轉(zhuǎn)載于:https://www.cnblogs.com/huaxie/p/9952016.html

總結(jié)

以上是生活随笔為你收集整理的Lodop输出页面input文本框的最新值的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。