Как вставить текущую ссылку 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

window.load не возможно для этой проблемы.Итак, я наконец-то использовал этот код.

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

Answer 2

HTML требует, чтобы идентификаторы были уникальными.

Измените второй экземпляр идентификатора 'emd_ticket_page_link' на нечто уникальное и вызовите document.getElementById(new_id).value = window.location.href; для него