你好，我有一個模態表單。在此表單中有一個提交按鈕。我只想在單擊此按鈕時顯示結果。這些結果位于模式之外，應在單擊提交按鈕后顯示。我設法隱藏了結果，但似乎無法透露它。這就是我得到的：function onSubmit(){ document.getElementById('submitButton').style.display = "none"; document.getElementById('revealProgress').style.display = "block"; return true;}#revealProgress{ display: none;} <button onclick =" window.location.href = '#close'; deleteData(); getData();;" href="#close" id="submitButton" class="tester2" > Submit </button><div id = "revealProgress"> <p>Exercise: <strong id="exerciseList"></strong></p></strong></p><br> <p>Sets: <strong id="setList"></strong></p></strong></p><br> <p>Reps: <strong id="repList"></strong></p></strong></p><br> <p>Weight: <strong id="weightList"></strong></p></strong></p><br> <p>total: <strong id="totalList"></strong></p></strong></p><br> <div id="progress_bar"></div></div>你看到我做錯了什么了嗎？
1 回答
胡子哥哥
TA貢獻1825條經驗 獲得超6個贊
你根本沒有使用JS函數，所以什么也沒有發生！
對于您的情況，最簡單的解決方案是替換它：
onclick =" window.location.href = '#close'; deleteData(); getData();;"
有了這個：
onclick = "onSubmit()"
這是執行此操作后的工作片段：
function onSubmit(){
document.getElementById('submitButton').style.display = "none";
document.getElementById('revealProgress').style.display = "block";
return true;
}
#revealProgress{
display: none;
}
<button onclick = "onSubmit()" href="#close" id="submitButton" class="tester2" > Submit </button>
<div id = "revealProgress">
<p>Exercise: <strong id="exerciseList"></strong></p></strong></p><br>
<p>Sets: <strong id="setList"></strong></p></strong></p><br>
<p>Reps: <strong id="repList"></strong></p></strong></p><br>
<p>Weight: <strong id="weightList"></strong></p></strong></p><br>
<p>total: <strong id="totalList"></strong></p></strong></p><br>
<div id="progress_bar"></div>
</div>
- 1 回答
- 0 關注
- 165 瀏覽
添加回答
舉報
0/150
提交
取消