Предварительно заполните текстовое поле в JQUERY значением параметра URL - PullRequest
0 голосов
/ 04 августа 2020

Я хочу предварительно заполнить текстовое поле (и затенять его для редактирования) значением параметра URL-адреса внутри фрагмента кода jquery:

Код Jquery:

jQuery(document).ready( function () {
        $("#append").click( function(e) {
          e.preventDefault();
        $(".inc").append('<div class="controls">\
                <input class="form-control" type="text" name="textbox" placeholder="email">\
                <input class="form-control" type="text" name="text" placeholder="@domain">\
                <a href="#" class="remove_this btn btn-danger">remove</a>\
                <br>\
                <br>\
            </div>');
        return false;
        });

    jQuery(document).on('click', '.remove_this', function() {
        jQuery(this).parent().remove();
        return false;
        });
    $("input[type=submit]").click(function(e) {
      e.preventDefault();
      $(this).next("[name=textbox]")
      .val(
        $.map($(".inc :text"), function(el) {
          return el.value
        }).join(",\n")
      )
    })
  });
  

Специфицированное c текстовое поле, которое я хочу предварительно заполнить:

<input class="form-control" type="text" name="domain" placeholder="@domain">\

Функция, которую я имею для получения указанного значения параметра:

function GetURLParameter(sParam)

    {

        var sPageURL = window.location.search.substring(1);

        var sURLVariables = sPageURL.split('&');

    for (var i = 0; i < sURLVariables.length; i++)

    {

        var sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] == sParam)

        {

            return sParameterName[1];

        }

    }

}​

Ответы [ 2 ]

0 голосов
/ 05 августа 2020

Оказывается, решение использует обратные кавычки во фрагменте html кода, закодированного внутри JQUERY, например:

        $(".inc").append(`<div class="controls">\
                <input class="form-control" type="text" id="email" name="email" placeholder="email">\
                <input class="form-control" type="text" id="domain" name="domain"  value="${domain}">\
                <a href="#" class="remove_this btn btn-danger">remove</a>\
                <br>\
                <br>\
            </div>`
           
            );
0 голосов
/ 05 августа 2020
$('#selector').val('value you want to input here')

https://api.jquery.com/val/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...