Печать формы HTML с использованием jQuery - PullRequest
Новая
       0

Печать формы HTML с использованием jQuery

0 голосов
/ 28 марта 2011

У меня HTML-форма, и мне нужно напечатать (HardCopy) определенную область.

Проблема в том, что я не могу получить значения формы Text1 и Text2 для.Поскольку мне нужно, чтобы эта HTML-форма была заполнена каким-либо значением, при нажатии напечатать ее следует распечатать как печатную копию.

Мой код 

        <script type="text/javascript">
            $(document).ready(function(){
                $("#print").click(function(){
                   alert($('#click').html());
                   // It shows only form elements; I need a form typed element too. How?
                   window.print();
                });
            });
        </script>
    </head>
    <body>
        <form id="click">
            Text1: <input id="l" type="text" />
            Text2: <input id="m" type="text"/>
            <input id="print" type="button" value="Print-Me"/>
        </form>
    </body>
</html>

Ответы [ 2 ]

0 голосов
/ 28 марта 2011

Используйте плагин Print Element в библиотеке jQuery: 

$("#print").click(function(){
    printElem({ printMode: 'popup' });
});
function printElem(options){
    $('#click').printElement(options);
}
0 голосов
/ 28 марта 2011

Насколько я понимаю, вам нужен текст, который вводится в поля ввода text1 и text2. Вы можете сделать это с помощью функции .val(), например: 

$("#print").click(function(){
    alert($('#l').val() + '\n' + $('#m').val());
    window.print();
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...