Заполните веб-форму через URL

Question

У меня есть сторонняя веб-форма, которую я хотел бы предварительно заполнить, добавив значения в URL. Это возможно? Если это так, как я могу передать значения в textarea и выбрать, например?

Я бы просто хотел переслать форму с предварительно заполненными полями:

link_to_form?name-form-text=sometext&name-form-select=Oprion1

Пример текстовой области:

<FORM NAME="name-form-text">
    <TEXTAREA NAME="name-text-area"WRAP></TEXTAREA>
</FORM>

Выберите пример:

<FORM NAME="name-form-select">
<TABLE>
<TR>
<TD CLASS="name-class">
    <SELECT NAME="name-select">
        <OPTION>Option 1</OPTION>
        <OPTION>Option 2</OPTION>
        <OPTION>Option 3</OPTION>
    </SELECT>
</TD>
</TR>
</TABLE>
</FORM>

Большое спасибо.

Answer 1

Вы можете сделать это в чистом JavaScript.

<script>
function urlParams() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}
</script>

Теперь используйте функцию urlParams(). Например, если URL-адрес test.html?textarea=this is textarea value. Используйте следующую строку для заполнения текстовой области вашей формы.

document.getElementsByName("name-text-area")[0].value=urlParams()["textarea"];

ОБНОВЛЕНИЕ Однако существует небольшая проблема. Текст, который вы получаете в текстовом поле, - это текст в формате urlencoded. В этом случае вы получите: «this% 20is% 20textarea% 20value», поэтому вам понадобится функция urldecode, которая изначально недоступна в javascript. Вместо этого используйте следующую функцию настройки:

function decode(str) {
     return unescape(str.replace(/\+/g, " "));
}

И заменить предыдущий вызов на:

textareavalue = decode(urlParams()["textarea"]);
document.getElementsByName("name-text-area")[0].value = textareavalue;

Answer 2

Вы должны получить доступ к своим параметрам и заполнить их в форме.Это возможно в примере с PHP или JavaScript.

С помощью PHP вы можете получить доступ к значению GET-параметров с помощью $_GET['my_key'].Я не знаю подробно о Javascript, но я думаю, вам нужно проанализировать window.location.

nN PHP, вы можете заполнить значения по умолчанию с помощью переменной внутри кода.В Javascript вам может понадобиться сначала получить доступ к нужному элементу.

Пожалуйста, предоставьте больше информации о том, какие языки вы можете использовать, кроме простого HTML, чтобы получить лучший ответ.