jQuery打印插件打印错误的选定值

时间:2015-02-11 08:58:00

标签: jquery printing

我特意尝试了所有jQuery库,printElement,print和PrintArea。所有这些库都提供相同的输出,这是不正确的。以下是关于小提琴的演示:

http://jsfiddle.net/ovy11s1q/

我的HTML代码是:

    <div id="printDiv">Drop Down:
        <select name="selectInput" id="selectInput">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3" selected>3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>
        <button type="button" name="Print" id='printDivButton' value="Print">Click to print !</button>
 </div>

我的javascript代码是:

    $('#printDivButton').click(function () {
        $("#printDiv").print();
    });

当我选择4时,它会给出正确的打印输出,但是当我选择2时,它会打印错误。

我不想修改任何库但需要解决方法!

1 个答案:

答案 0 :(得分:0)

经过一些测试,您可以尝试:

$('#selectInput').on('change', function() {
    var v = this.value;
    $('#selectInput option').removeAttr('selected');
    $("#selectInput option[value="+v+"]").attr('selected', 'selected');
});
$('#printDivButton').click( function() {
   $("#printDiv").print();
});