автоматический ввод текста в форму?

Question

У нас есть форма, которая заполняется много раз в день и хотела бы создать некоторые «шаблоны»

Форма очень проста. У него есть входные данные для «Тема» и «Тело»

Возможно ли, чтобы я создал другую веб-страницу с кнопками или ссылками на нее, которые автоматически вставляют данные в эти поля? Например; Создание кнопки под названием «Брандмауэр изменения» - Нажмите на эту кнопку будет считать вас на страницу ж/форме и предварительно заполнить эту тему с «Межсетевой изменения #» и тела с «бла-бла-бла»

Answer 1

<input type="text" id="someid" /> 

$("#someid").val("whatever you want to set it to") 

Сделано с jQuery, надеюсь, вы не против.

Вы, конечно же, включили Javascript в обработчик onclick (или $ .click()).

Answer 2

Вы можете использовать javascript с jQuery для заполнения значений по умолчанию для входных текстов, текстовых полей, флажков, выбора и т. Д., И вы также можете их динамически заполнять, например, с помощью PHP, или вы можете использовать оба подхода.

Вот пример того, как предварительного заполнения данных с сервера с помощью PHP & GET:

<input type="text" name="title" id="title" value="<?= $_GET['title']; ?>"/>

Вот пример того, как предварительного заполнения данных с сервера через PHP & POST:

<input type="text" name="title" id="title" value="<?= $_POST['title']; ?>"/>

Или, если с помощью JQuery, для тех же значений входного текста по умолчанию:

jQuery(document).ready(function() { $("#title").val("<?= $_GET['title']; ?>"); }

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

Answer 3

Хотя для создания отдельной веб-страницы можно создать отдельную веб-страницу, это похоже на то, что вы просто ищете макропрограмму, которая поможет вам автоматически заполнять формы. Там в много программного обеспечения там для такого рода вещи (такие как RoboForm и LastPass или даже просто функции автозаполнения каждого веб-браузера)

Если вы ищете что-то более дома выращенной и программируемым, userscript звучит, как это будет достаточно просто написать. Просто создайте файл с именем яваскрипта mytemplates.user.js и поставить что-то вроде этого в него (решение включить JQuery украденную из here):

// ==UserScript== 
// @name Name your script here 
// @namespace http://doesnthavetobearealwebsite.com/ 
// @include http://sitewhereyoufillinformsdomain.com/* 
// @author Your name here 
// @description Script which fills out our forms! 
// ==/UserScript== 

// a function that loads jQuery and calls a callback function when jQuery has finished loading 
function addJQuery(callback) { 
    var script = document.createElement("script"); 
    script.setAttribute("src", "http://code.jquery.com/jquery.min.js"); 
    script.addEventListener('load', function() { 
    var script = document.createElement("script"); 
    script.textContent = "(" + callback.toString() + ")();"; 
    document.body.appendChild(script); 
    }, false); 
    document.body.appendChild(script); 
} 

// the guts of this userscript 
function main() { 
    $('body').append($('<button>My Template</button>')).click(function(){ 
     $('[name*=firstName]').val('Initial Value'); 
     $('[name*=lastName]').val('Another template value'); 
    }); 
} 

// load jQuery and execute the main function 
addJQuery(main); 

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

Разверните главный раздел, чтобы включить все элементы формы.

В Chrome или Firefox (с расширением GreaseMonkey) просто нажмите Ctrl + O, чтобы открыть диалоговое окно «Открыть», а затем откройте файл. Вас спросят, хотите ли вы установить расширение.

Повторите каждую из приведенных выше строк для каждого элемента формы, пригодного для запроса, и вы хорошо пойдете. Если вы не знаете jQuery или JavaScript, go learn it!

Answer 4

Вам не нужно вставлять jQuery. Использовать только

document.getElementById('elementinsert').value += 'text to insert';