ヘッダーセルの現在値を取得する方法は？（入れ子にされたヘッダーを含む）

-1

私は、いくつかのヘッダーがチェックボックスであるハンドトゥーナブルを持っており、そのうちのいくつかは選択ボックスです。ヘッダーセルの現在値を取得する方法は？（入れ子にされたヘッダーを含む）

ヘッダーにアクセスして、ヘッダーセル内の選択/チェックボックスの値を確認するにはどうすればよいですか？

（ネストされたヘッダを持つ - 私のプロジェクトと同じ）JSFiddle：http://jsfiddle.net/Lmh50uwu/

私はmyboxとmyselect

$("#mybox")または$("#myselect")の値は動作しませんアクセスしたいと思います。

DOMロード後の任意の時点でmyselectとmyboxの値を確認したいと考えています。

document.addEventListener("DOMContentLoaded", function() { 
 

 
    var example1 = document.getElementById('example1'); 
 
    
 
    var hot = new Handsontable(example1, { 
 
    data: Handsontable.helper.createSpreadsheetData(5,10), 
 
    colHeaders: true, 
 
    rowHeaders: true, 
 
    nestedHeaders: [ 
 
     ['<input type="checkbox" id="mybox">', {label: 'B', colspan: 8}, 'C'], 
 
     ['<select id="myselect" name="menu" class="selectpicker"><option value="LVW">LVW</option><option value="SIM">SIM</option></select>', {label: 'E', colspan: 4}, {label: 'F', colspan: 4}, 'G'], 
 
     ['H', {label: 'I', colspan: 2}, {label: 'J', colspan: 2}, {label: 'K', colspan: 2}, {label: 'L', colspan: 2}, 'M'], 
 
     ['N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W'] 
 
    ] 
 
    }); 
 
    
 
    
 
}); 
 

 
$("#mybox").remove(); 
 

 
console.log("test") 
 
var elem = document.getElementById("myselect"); 
 
// console.log(elem.value); // elem is null here

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://docs.handsontable.com/pro/1.0.0/bower_components/handsontable-pro/dist/handsontable.full.min.js"></script> 
 
<link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/1.0.0/bower_components/handsontable-pro/dist/handsontable.full.min.css"> 
 
<div> 
 
    <div id="example1" class="hot handsontable htRowHeaders htColumnHeaders"></div> 
 
</div>

EDIT：更新：http://jsfiddle.net/Lmh50uwu/2/

EDITは：私のポストにスニペットを追加しましたが、私の会社のブロックがそれにアクセスするため、テストすることはできません。

出典

2016-12-13 LucasSeveryn