【油猴子脚本】自动填充表单
最近工作上遇到频繁填写网页表单的问题,由于操作数量太过庞大,还是写个油猴脚本来辅助一下。
为方便记忆和理解,先给出一段表单html。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>油猴脚本自动填充样例</title> <style> label{display: inline-block; margin:5px 0px;} </style> <script type="text/javascript" src="http://127.0.0.1/jquery.min.js"></script> </head> <body> <form> <div> <label for="textlable">输入框</label> <input type="text" id="text1"> </div> <div> <label for="selectlable">下拉菜单</label> <select style="width:100%" class="select1"> <option value="0">选项1</option> <option value="1">选项2</option> <option value="2">选项3</option> </select> </div> <div> <label for="textarealable">多行输入</label><br> <textarea id="textarea1" rows="15" cols="50"></textarea> </div> <input type="submit" value="Submit"> </form> </body> </html> |
油猴脚本如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
// ==UserScript== // @name New Userscript // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author Derek.Ss // @match http://127.0.0.1/youho.html // @grant none // ==/UserScript== (function() { 'use strict'; // Your code here... $(document).ready(function() { $('body').prepend('<input type="button" value="button" id="button">'); $("#button").on("click", function(){ Object.keys(values).forEach(function(key){ $("#" + key).val(values[key]); }); }); }); var values = { text1:"文本框内容", // select1:"选项1", 可能存在选择不到的问题,可以选择使用option的值来辅助 select1: 2, textarea1: "多行输入", }; })(); |
效果
版权声明
转载保留版权: 大D技研室 | 《【油猴子脚本】自动填充表单》
本文链接地址:https://www.dadclab.com/archives/6328.jiecao
转载须知:如果您需要转载本文,请将版权信息,版权授权方式,以及本文的链接地址注明,谢谢合作。
已有 12 条评论
发表评论
电子邮件地址不会被公开。 必填项已标注。
如果遇到那种级联下拉框,动态请求数据的恐怕不好弄吧?23333
@lower 也不尽然,你可以让油猴脚本执行一个等待嘛,先选第一个,然后等待后面数据填充然后再选择就可以了啊,这个不是很难的。
@大D souka,我觉得既然已经知道要填啥值了,点按钮就不要填充显示了,直接提交算求了。
@lower 我也想直接提交请求,但是我这边是带上传文件的。再分析个接口实在是有点多余了,就这样算球。
膜拜,完全看不懂
@daozhihun 求刀老师放过。
@大D test my new system.
@daozhihun 哦?
D大,请教下,我想写个脚本自动填充表单并提交。查了下html源码:
签到提交
下面还有tj:function()的详细定义。应该怎么写呢?我是零基础。。。捉急啊
提交就看下JQ的按钮操作就好了,暂时可以先不理函数的详细定义,触发按钮就好了。
怎么填写服务器上输入框呢
服务器?没理解你说的是什么意思