自動的にテキストをフォームに挿入しますか？

Question

1日に何度も記入するフォームがあり、「テンプレート」をいくつか作成したいと考えています。

フォームはとてもシンプルです。それには「件名」と「本文」の入力があります

これらのフィールドにデータを自動的に挿入するボタンやリンクが付いた別のWebページを作成することはできますか？例えば; 「ファイアウォールの変更」というボタンを作成 - ページにあなたを取るでしょう、そのボタンをクリックして、フォーム/とワット事前移入「ファイアウォールチェンジ＃」と「何とか何とか何とか」

Answer 1

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

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

と体を対象に

jQueryを終了したら、気にしないといいですね。

もちろん、Javascriptをonclickハンドラ（または$ .click（））に入れます。

Answer 2

jQueryでjavascriptを使用して、入力テキスト、テキストエリアボックス、チェックボックス、選択などのデフォルト値を入力することができます。また、PHPなどで動的に入力することもできます。ここで

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

PHP & POSTを介してサーバからデータを事前入力する方法の例です：

ここ

はPHP & GETを介してサーバからデータを事前入力する方法の例です。

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

jQueryを使用する場合、同じ入力テキストのデフォルト値：

01サーバーからフォームを記入

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

あなたが検証したり、ユーザーがそれを送信したときに対してフォームをテストしたい場合があり、データベースのようなデータへのアクセス権を持っているので、より便利かもしれません。

Answer 3

これを行うために別のWebページを作成することは確かに可能ですが、フォームの自動記入に役立つマクロプログラムを探しているように聞こえます。あなたはもっと何か自宅で増殖させ、プログラマブルを探して、それは次のようになりますように、userscriptが聞こえる場合がありソフトウェアのたくさんは、（RoboFormとLastPassとして、あるいは単にすべてのWebブラウザのオートフィル機能）そういうことのためにあります

簡単に書くことができます。ただ、mytemplates.user.jsというJavaScriptファイルを作成し、（hereから盗まれたのjQueryを含めるように解決策を）そこにこのようなものを置く：

// ==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';