我有一個帶有選擇欄位的html表單，用戶可以在其中從mySql資料庫中選擇我們將向他/她顯示的表。
<form action = "tableOutput.php" method="post" name="frmTableSelect" target="_blank">
<p>Select a table from the list</p>
<select name="tableName" autofocus>
<!-- here I load a list of tables from mySql. for simplicity let it be: -->
<option>table 1</option>
<option>table 2</option>
<p><br><input name="submit" type="submit" id="knopka" value="show table"></p>
</form>像這樣，當用戶點擊按鈕時，會打開一個新選項卡，在其中列印所選表格（我在“tableOutput.php”中處理它） - 這很好。
但是用戶需要回傳到第一個表單并選擇另一個表，該表應該列印在另一個選項卡中，而它會列印在與第一個替換它的選項卡相同的選項卡中。換句話說，我們需要能夠打開許多帶有輸出的新選項卡。
我插入了這個javascript：
<script>
knopka.onclick = function() {
window.open("tableOutput.php")
};
</script>現在每次點擊按鈕時都會打開一個選項卡，但是“tableOutput.php”中的 POST 方法不再起作用，因此我們在處理查詢時遇到錯誤。
如果我寫
<script>
knopka.submit = function() {
alert('inside javascript');
window.open("tableOutput.php")
};
</script>什么也沒有發生，即使警報沒有被執行。
請幫忙。
uj5u.com熱心網友回復：
我很驚訝 _blank 重復使用相同的新標簽
沒有大量代碼，您不能使用 window.open發布到新視窗/標簽。
嘗試這個：
let cnt = 0;
document.querySelector("[name=frmTableSelect]").addEventListener("submit", function() {
this.target=`win${cnt }`;
})
uj5u.com熱心網友回復：
將 .submit 更改為 .onclick：
document.getElementById('knopka').onclick = function() { alert('inside javascript'); window.open("tableOutput.php") };轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/482681.html
標籤：javascript html 表格提交
上一篇：組圖js中每個條的水平漸變
下一篇：當我匯入tensorflow時，輸出錯誤`ImportError:numpy.core.multiarrayfailedtoimport`