私はHTMLページに5つのボタンがあります。私は、javascriptで4つ、htmlで1つ作成していましたが、さまざまな変更を加えてhtmlですべてを作成することにしました。問題は、以前はすべてのボタンが正常に機能していたことですが、変更後は以前はjavascriptで作成されたボタンがもう機能しなくなりました。すべてのボタンに対してgetElementById( "")。onclick = function()を使用しますが、それらのうちの1つだけが機能します。 (私はこの問題に遭遇したため、4つのボタンのうちの1つの機能のみを作成しました)getelementbyid()。onclickは1つのボタンでは動作しますが、別のボタンでは機能しません。
両方のボタンのJavaScriptです。 button1は動作しないものですが、私は関数内でconsole.log()を使ってみましたが、何もしませんでした。ここで
document.getElementById("button1").onclick = function(){var element = document.getElementById('presetPicker');element.value = this.value;providerManager.refreshProviders();};
document.getElementById("DownloadXml").onclick = function(){createReport('http://192.168.0.101:8080/rest/v1/excel-reports/run/XLT_211607',verifyReport)};
を選択するオプション<option value="Previous day">Previous day</option>
を追加することでページ
<body>
<div id="container1">
<header>
<img src="http://www.jamk.fi/globalassets/tietoa-jamkista--about-jamk/materiaalit-esitteet-asiakaslehdet-ja-logot/jamkin-logot/jamk_fi--tunnus/jamkfi_tunnus_sininen_suomi.png" alt="Jamk logo" style="width:50%;height:50%;margin-left:25%;">
</header>
<div id="container2">
<div id="textContainer">
<h2>Fosfaattifosfori PO4-P [mg/l]</h2>
</div>
<div id="Graafi"></div>
<div class="input">
<div id="buttonContainer1">
<ul id="buttonList" class="timeForm">
<input id="button1" type="button" class="buttonGroup1" value="Previous day"
><input id="button2" type="button" class="buttonGroup1" value="Previous week"
><input id="button3" type="button" class="buttonGroup1" value="Previous month"
><input id="button4" type="button" class="buttonGroup1" value="Previous year">
</ul>
</div>
<div id="buttonContainer2">
<div id="list">
<ul id="downloadList">
<input id="DownloadXml" type="button" value="Download" />
</ul>
</div>
<div id="download_div">
<img id="loading_gif" src="/modules/dashboards/web/public/359.gif" alt="Loading" style="display:block;">
</div>
</div>
<iframe id="download_frame" style="display:none;"></iframe>
</div>
<div class="testi">
<select id="presetPicker" class="testi" ></select>
</div>
<footer>
</footer>
</div>
</div>
</body>
多くの機能がありません。 – Rayon
'verifyReportの後に'; 'がありません。 –
私の悪いです。 verifyReportのボタンは正常に動作しますが、そのボタンの上にあるボタンは押されても全く反応しません。私は実際にはこの形式でのみテストしました:document.getElementById( "button1")。onclick = function(){console.log( 'test')}だから、物事をはっきりさせるために、問題は、押したときに他のボタンが反応するが、他のボタンは何も反応しないということである – Nyoa