如何強制單擊“常規數據”按鈕？

Question

這是我的項目的示例：

[ https://codepen.io/adan96/pen/ExaRgOe][1]

如您所見，我的 html 代碼中有三個按鈕。 第一個是否應該在每次刷新頁面或一段時間后打開項目時單擊它們。

<html>

<head>
</head>

<body>
  <div id="basicData1">
    <div id="createMaterialHeader">
      <h2><i><b>Create Material</b></i></h2>
      <div id="createMaterialOptions">
        <p>Additional Data</p>
        <p>Org. Level</p>
        <p>Check Screen Data</p>
      </div>
    </div>
    <div class="tab">
      <button class="tablinks" onclick="openTab(event, 'generalData')"><b>General Data</b></button>
      <button class="tablinks" onclick="openTab(event, 'materialData')"><b>Paris</b></button>
      <button class="tablinks" onclick="openTab(event, 'Tokyo')"><b>Tokyo</b></button>
    </div>
    <div id="generalData" class="tabcontent">
      <form>
        <label for="employeeID">Employee ID: </label><br>
        <input type="text" name="employeeID" id="employeeID" readonly><br>
        <hr>
        <label for="requestNo">Request Number: </label><br>
        <input type="text" name="requestNo" id="requestNo" readonly><br>
        <label for="requestedBy">Requested By: </label><br>
        <input type="text" name="requestedBy" id="requestedBy" readonly><br>
        <label for="requestDate">Request Date: </label><br>
        <input type="text" name="requestDate" id="requestDate" readonly><br>
        <hr>
        <label for="eskNumber">(E)SK Number: </label><br>
        <input type="text" name="eskNumber" id="eskNumber" required><br>
        <hr>
        <label for="requestType">Request Type: </label><br>
          <select id="requestTypeSelection">
            <option value="creation">CREATION</option>
            <option value="extension">EXTENSION</option>
            <option value="modification">MODIFICATION</option>
          </select><br>
        <label for="requestSubtype">Request Subtype: </label><br>
          <select id="requestSubtypeSelection">
            <option value="hawaAndZpla">HAWA/ZPLA</option>
            <option value="newBatch">NEW BATCH</option>
            <option value="zplaToHawa">ZPLA>HAWA</option>
            <option value="dien">DIEN</option>
          </select>
      </form>
    </div>

    <div id="materialData" class="tabcontent">
      <form>
        <label for="productNumber">Product Number: </label><br>
        <input type="text" name="productNumber" id="productNumber" required><br>
        <label for="materialName">Material Name: </label><br>
        <input type="text" name="materialName" id="materialName" required><br>
      </form>
    </div>

    <div id="Tokyo" class="tabcontent">
      <h3>Tokyo</h3>
      <p>Tokyo is the capital of Japan.</p>
    </div>
  </div>
</body>
</html>

以及 JS 代碼，其中包括執行此操作所需的 window.onload 函數：

document.getElementById("requestTypeSelection").selectedIndex = -1;
document.getElementById("requestSubtypeSelection").selectedIndex = -1;

function openTab(evt, tabName) {
  // Declare all variables
  var i, tabcontent, tablinks;

  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the button that opened the tab
  document.getElementById(tabName).style.display = "block";
  evt.currentTarget.className += " active";
}

window.onload = function() {
  document.getElementById("generalData").onclick = document.getElementById("generalData").style.display = "block";
}

主要思想是在刷新頁面后始終單擊“常規數據”按鈕（選擇等）。 你能給我建議在 JS 代碼中更正什么嗎？

Answer 1

看看這不能解決你的問題：

window.onload = () => {
    document.getElementById("generalData").style.display = "block"
.
.
.
}

你不必模擬一個按鈕的點擊，你只需要觸發它的動作

如何強制單擊“常規數據”按鈕？

問題描述

1 個解決方案

解決方案1
1 2020-01-15 11:38:16

如何強制單擊“常規數據”按鈕？

問題描述

1 個解決方案

解決方案1 1 2020-01-15 11:38:16

解決方案1
1 2020-01-15 11:38:16