ユーザーがホストを選択できるフォームがあります。
<div id="hostChart"></div>
<form onsubmit="return false">
<input type='text' id='hostForm'/>
<input type='button'
onclick="drawHost(document.getElementById('hostForm').value)" value='Submit' />
</form>
そして、「ホスト」セルがユーザー入力と等しい行のみを含む「ホスト」列を持つテーブルを描画する関数:
function drawHost(hostForm) {
var wrapper = new google.visualization.ChartWrapper({
chartType: 'Table',
dataSourceUrl: 'data',
query: 'where host="'+hostForm+'"',
options: {'title': 'hosts'},
containerId: 'hostChart'
});
wrapper.draw()
}
ただし、ホストを初めて送信すると、テーブルが正しく描画されます。別のテーブルを取得するために別のホストを送信しようとすると、テーブルは代わりに空のテーブルになります (見出し行のみで、ホスト行はありません)。なぜそれが起こるのか分かりますか?ありがとう!