如何在html中打印选择文本

how to print select text in html

本文关键字：打印 选择 文本 html      更新时间：2023-09-26

我有以下html和javascript代码
我想打印下表，但无法打印。

请给我一些解决方案。

如果可能的话，我应该能够打印以下代码，除了按钮。

<html>
  <body>
    <table border=1 cellspacing="0" cellpadding="4">
      <tr>
        <td colspan="3">
          <center>
            <a href="file:///C:/Users/genius/Desktop/shop-bill-app/items.html"id="login" onClick="confirm('Are You Sure?')">
              Logout
            </a>
        </center>
        </td>
      </tr>
      <tr>
        <td><center>Item Name</center></td>
        <td><center>Notebook</center></td>
      </tr>
      <tr>
        <td><center>Item No</center></td><td><center>1</center></td>
      </tr>
      <tr>
        <td><center>Category</center></td>
        <td><center>Notebooks & Books</center></td>
      </tr>
      <tr>
        <td>
          <center>Quantity</center>
        </td>
        <td>
          <form>
            <input type="text" id="formValueId" name="valueId"/>
            <input  value="submit" type="button" onclick="updateVal()" id="theButton"/>
          </form>
        </td>
      </tr>
      <tr>
        <td><center>Price</center></td>
        <td><center>$2.50</center></td>
      </tr>
      <tr>
        <td><center>Tax</center></td>
        <td><center><div id="tax">Tax: 0</div></center></td>
      </tr>
      <tr>
        <td><center>Discount</center></td>
        <td><center><div id="discount">Discount: 0</div></center></td>
      </td>
      </tr>
      <tr>
        <td><center>Total</center></td>
        <td><center><div id="total">Total: 0</div></center></td>
      </tr>
      <tr>
        <td>
        <center>
          <a style="text-decoration:none" href="javascript:AlertIt();">
            <input  type="button" value="Buy">
          </a>
        </center>
        </td>
        <td>
          <center>
          <a style="text-decoration:none" href="file:///C:/Users/GENIUS/Desktop/shop-bill-app/notebook.html">
            <input type="reset" value="Reset">
          </a></center>
        </td>
      </tr>
    </table>
  </body>
  <script>
    function updateVal() {
      var button = document.getElementById("theButton")
      var send= button.form.valueId.value ;
      var quantiy=send;
      var costPerItem=2.5;
      var amount= costPerItem*quantiy;
      var tax= (amount*1.5)/100;
      var discount=(amount*1)/100;
      var total= amount-discount+tax;
      document.getElementById("tax").innerHTML = "$" + tax;
      document.getElementById("discount").innerHTML = "$" + discount;
      document.getElementById("total").innerHTML = "$" + total;
    }
    updateVal();
    function AlertIt() {
      var answer = confirm ("Please click on OK to continue.")
      if (answer)
      window.location="file:///C:/Users/GENIUS/Desktop/shop-bill-app/notebook-
      receipt.html";
    }
  </script>
</html>

您可以将td项放入

标记中，然后使用（'#idoftd'）.text（）轻松打印。

it looks ok to me ... check it out on

Fiddlehttp://jsfiddle.net/2bcLxqu2/

相关文章：