jQuery打印插件打印錯誤的選定值

Question

我試過所有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時會出現錯誤的打印。

我不想修改任何庫，但想要一個解決方法！

Answer 1

一些測試後，你可以嘗試：

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