插入文本,所以我可以.print()

时间:2010-11-19 09:35:54

标签: jquery printing replacewith

我有一个名为exp delivery date的字段,因此我需要用户输入日期,然后按打印。但是,打印功能不会捕获输入的文本。所以我这样做了:

$('#exp').live('change',function(){         
                var deliv = $('#exp').val();
                $('#delivDate').replaceWith("<p id='delivDate'>" + deliv + "</p>");
                $('#exp').val('');
            }); 

'#exp'是输入ID,'#delivDate'是输入旁边的<p>标记。我只是这样做,.print()会抓住它吗?

有人能想到更好的方法吗? (它在IE中不起作用,但在FF中也是如此)

1 个答案:

答案 0 :(得分:0)

另一种实现此目的的方法可能是使用名为 Print Element 的jQuery插件,该插件能够打印DOM中存在的任何特定元素。或者全部。


如果难以找出如何使输入文本可打印的机制,那么这里是一个样本:

<textarea id="exp"></textarea>
<p id="delivDate"></p>

<script type="text/javascript">
$('#exp').live('change',function(){          
    var deliv = $('#exp').val();
    $('#exp').css('display', 'none'); // optional
    $('#delivDate').text(deliv);
    $('#exp').val(''); 
});
</script>