基于油猴脚本写的填简历⼯具先展⽰效果吧
本质直接把输⼊框增加选择框
安装油猴
tampermonkey⾸先没有油猴插件的可以按教程安装：
1.去官⽹直接下载
2.官⽹下不了的可以⽤我滴链接
下载完后安装
这⾥以chrome为例，
选择管理扩展程序。
勾选开发者模式（右上⾓）
选择加载扩展程序（左上⾓）
右下⾓开启
安装完毕了~添加新脚本
1.
2.⼿动安装
安装完后选择添加新脚本
把下⾯这段代码替换进去
// ==UserScript==
// @name        填表助⼿
// @namespace    tampermonkey/
// @version      0.1
// @description  将input加select选项
// @author      You
// @include      */*
// @include      */*
// @icon        data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== // @grant        none
// ==/UserScript==
(function(){
"use strict";
//在此填⼊要⽤的选项格式a=['包⼦叔','','66666']
let a=['包⼦叔','','66666']
//下⾯⼀般⽤户不要操作-------------------------------------------------------------
let str=''
for(let i =0; i < a.length; i++){
str+=`<option value="${a[i]}">${a[i]}</option>`
}
let inputs = ElementsByTagName("input");
for(let i =0; i < inputs.length; i++){
// console.log(inputs[i].type);
if(
inputs[i].type !="text"&&
inputs[i].type !=undefined&&
inputs[i].type !=null&&
inputs[i].type !=""
){
continue;
}
let a = ateElement("select");
a.click=(function(event){
console.log("button-click");
// 阻⽌事件冒泡到DOM树上
event.stopPropagation();// 只执⾏button的click，如果注释掉该⾏，将执⾏button、p和div的click （同类型的事件）
});
console.log(this.value);
this.previousSibling.value =this.value;
};
a.style ="visibility:hidden;width:100px;z-index:999;padding: 5px 12px;font-size: 14px;line-height: 20px;color: var(--color-text-primary);vertical-align: mi ddle;background-color: var(--color-input-bg);bac
kground-repeat: no-repeat;background-position: right 8px center;border: 1px solid var(--color-input-border );border-radius: 6px;outline: none;box-shadow: var(--color-shadow-inset);";
a.innerHTML = str;
insertAfter(a, inputs[i]);
inputs[i].onfocus=function(){
}
this.style.visibility ='hidden'
}
}
function insertAfter(newElement, targetElement){
//  console.log(targetElement);
// newElement是要追加的元素 targetElement 是指定元素的位置
let parent = targetElement.parentNode;// 到指定元素的⽗节点
//  console.log("pr", parent);
if(parent.lastChild == targetElement){
// 判断指定元素的是否是节点中的最后⼀个位置如果是的话就直接使⽤appendChild⽅法
parent.appendChild(newElement, targetElement);
}else{
parent.insertBefore(newElement, Sibling);
}
}
console.log('正在使⽤包⼦填表⼩助⼿，欢迎来我博客玩~ ')
// Your
})();
ctrl + s ，保存，
修改a数组内容

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。