如何插入当前 url 链接以形成值？

Question

如何将当前 url 转化为表单值。在这里，我使用了两种形式，两种形式在编码方面都相同，例如 id 类等。我想将 url 加载到两种形式中。

目前我正在使用 windows.onload 函数，它仅适用于第一种形式，不适用于第二种形式。我想将 url 加载到两个表单中。

<script type="text/javascript">            
window.onload=function()
{
document.getElementById('emd_ticket_page_link').value = window.location.href;
}

</script>

我的表格是

<div id="idsampleavailable" class="panel panel-default">

    <form name="submit_tickets" id="submit_tickets" action="" method="post" class="submit_tickets form-container wpas-form wpas-form-stacked"
        enctype="multipart/form-data" novalidate="novalidate">
        <div id="row3a" class="row ">
                <!-- text input-->
                <div class="col-md-12 woptdiv">
                    <div class="form-group">
                        <label id="label_emd_ticket_page_link" class="control-label" for="emd_ticket_page_link">
                            Product Link<span style="display: inline-flex;right: 0px; position: relative; top:-6px;">
                            </span>
                        </label>
                        <input type="text" name="emd_ticket_page_link" id="emd_ticket_page_link" value="" class="text input-md form-control"
                            placeholder="Page Link"></div>
                </div>
               </div>

        <!-- Button -->
        <div class="row">
            <div class="col-md-12">
                <div class="wpas-form-actions">
                    <button type="submit" name="singlebutton_submit_tickets" id="singlebutton_submit_tickets"
                        value="submit" class="submit wpas-button wpas-juibutton-success wpas-button-large btn-block col-md-12 col-lg-12 col-xs-12 col-sm-12">Submit
                        Ticket </button></div>
            </div>
        </div>
    </form>
</div>


<div id="idnonsampleavailable" class="panel panel-default">

    <form name="submit_tickets" id="submit_tickets" action="" method="post" class="submit_tickets form-container wpas-form wpas-form-stacked"
        enctype="multipart/form-data" novalidate="novalidate">
        <div id="row3a" class="row ">
                <!-- text input-->
                <div class="col-md-12 woptdiv">
                    <div class="form-group">
                        <label id="label_emd_ticket_page_link" class="control-label" for="emd_ticket_page_link">
                            Product Link<span style="display: inline-flex;right: 0px; position: relative; top:-6px;">
                            </span>
                        </label>
                        <input type="text" name="emd_ticket_page_link" id="emd_ticket_page_link" value="" class="text input-md form-control"
                            placeholder="Page Link"></div>
                </div>
               </div>

        <!-- Button -->
        <div class="row">
            <div class="col-md-12">
                <div class="wpas-form-actions">
                    <button type="submit" name="singlebutton_submit_tickets" id="singlebutton_submit_tickets"
                        value="submit" class="submit wpas-button wpas-juibutton-success wpas-button-large btn-block col-md-12 col-lg-12 col-xs-12 col-sm-12">Submit
                        Ticket </button></div>
            </div>
        </div>
    </form>
</div>

Answer 1

HTML 要求 id 是唯一的。

将'emd_ticket_page_link' id 的第二个实例更改为唯一的并在其上调用document.getElementById(new_id).value = window.location.href;

Answer 2

window.load 无法解决此问题。所以我最终使用了这段代码。

$pageurlform = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 
                "https" : "http") . "://" . $_SERVER['HTTP_HOST'] .  
                $_SERVER['REQUEST_URI'];