在另一頁的2個選擇選項中設置2個輸入值

Question

我在home page有2個輸入字段，如下所示：

在create page有2個選擇選項，如下所示：

當我在這些輸入字段中輸入相對值時

然后單擊創建按鈕， create page加載和在選擇選項上設置的輸入字段的值，如下所示：

但這是這個問題的難處

我使用了WordPress的自定義主題，並且在創建頁面上，所有字段都是動態創建的...所以我不明白，也沒有代碼可顯示。

但是我通過inspect元素向您顯示代碼，以便您可以找出：

<div id="tabs-1" class="tab-cont ui-tabs-panel ui-widget-content ui-corner-bottom">
   <fieldset class="fieldset-auto_type one_fourth">
      <label for="auto_type">Select Vehicle Maker<i class="icon-help-circled-1 tooltip"></i>
      </label>
      <div class="field">
         <select name="auto_type" id="auto_type" class="valid">
            <option value="0" selected="true">Select A Maker From The List</option>
            <option value="16">Alfa Romeo</option>
            <option value="17">Audi</option>
            <option value="25">BMW</option>
            <option value="29">Citroen</option>
            <option value="46">Ferrari</option>
            <option value="47">Ford</option>
            <option value="55">Honda</option>
            <option value="61">Lamborghini</option>
         </select>
         <i class="icon-angle-down select-icon"></i>
      </div>
   </fieldset>
   <fieldset class="fieldset-auto_category one_fourth">
      <label for="auto_category">Select Vehicle Model<i class="icon-help-circled-1 tooltip"></i>
      </label>
      <div class="field">
         <select name="auto_category" id="auto_category" required="required" data-msg-required="This field is required." class="valid">
            <option value="m3">M3 (3)</option>
            <option value="x5">X5 (1)</option>
         </select>
      </div>
   </fieldset>
   <div class="clear"></div>
</div>

希望你能理解我的問題

Answer 1

首選的解決方案是使用PHP，使用$ _GET方法將信息從一頁傳遞到另一頁就可以了。

Answer 2

您可以僅使用javascript來解決此問題，您可以在第一頁中設置一個變量，例如

localStorage.setItem("option", "value");

然后在您的第二頁中得到這樣的內容：

   var myVar =  localStorage.getItem("option");

現在，myVar將等於您在第一頁中設置的任何值，在我的情況下為字符串“ Value”