通過URL參數自動填充輸入表單字段

Question

我在woocommerce頁面（ http://.../product/abcd/ ）上有一個按鈕，該按鈕上有一個“立即預訂書”按鈕，該按鈕鏈接到包含表單字段以提交的另一頁面（ http://.../booking-appointments/?id=1238&sku=1 ），該產品在上一頁的產品URL上具有ProductID和SKU 。

我希望它每次從URL參數加載此頁面時自動自動填充ProductID字段。

任何幫助表示贊賞。

Answer 1

您可以在URL中傳遞產品ID和SKU，並通過$_GET 。 然后將其加載到輸入字段中。 這是一個例子：

http://www.example.com/?product-id=123&sku=abcd456

然后使用$_GET獲取URL參數：

$productId = $_GET['product-id'];
$sku = $_GET['sku'];

您的輸入字段如下所示：

<label for="product-id">Product ID:</label> <input type="text" name="product-id" id="product-id" value="<?php echo $productId; ?>" disabled>

我什至添加了disabled屬性，以防止用戶/客戶編輯產品ID。 提交表單后，您可以使用PHP從后端保護它。

Answer 2

要在您的預訂表格（頁面）中自動填充產品ID和產品SKU，您應該嘗試這樣做（沒有任何保證，因為可以在您的頁面表格中對其進行真實測試） ：

add_action( 'wp_footer', 'autopopulate_product_id_script' );
function autopopulate_product_id_script() {
    if( isset( $_GET['id'] ) ):
        ?>
        <script type="text/javascript">
        (function($){
            $('input[name="productid"]').val("<?php echo $_GET['id']; ?>");
            $('input[name="productsku"]').val("<?php echo $_GET['sku']; ?>");
        })(jQuery);
        </script>
        <?php
    endif;
}

代碼在您的活動子主題（或主題）的function.php文件中，或者在任何插件文件中。

產品ID和產品sku需要在url中傳遞，例如： http//www.example.com/booking-page/?id=124&&sku=AH1584

並且您的<imput>文本字段應類似於：

<input type="text" name="productid" val="">
<input type="text" name="productsku" val="">

因此，對於產品sku來說，它是相似的，您可以輕松添加…

但是，由於javascript在您“輕松約會”預訂表中已經非常活躍，我不知道這是否行得通。

---

該答案與以下內容有關： 向WooCommerce產品單頁添加自定義“預訂”按鈕