js 下拉表单控件的自动填写方法

我们熟悉的标准 HTML 输入控件包括 input,select,textarea 等;比如通过改变 input 的 value 属性值,就可输入内容到文本输入框中。
有些网页表单为了实现特殊的效果和功能,可以不使用这些控件,通过客户端脚本生成特殊的输入方式。手工填表不受影响,如果自动填表就需要使用特殊的方式。
非标准下拉列表框填写示例.png
方法一:手工填表后,观察源码变化,发现填写的内容出现在a5元素中。那么我们填表的思路就是直接修改这个元素的值。获取 span 元素,“填写”它的 text 文本内容为 a3,可以看到网页也对应的发生变化。但提交表单时,如果是非 input 元素,可能无法提交填写的值,需进一步测试。

修改元素内容.png

方案二:使用自动点击操作,完全跟人工填表步骤一样,先点击下拉箭头,等待 0.1 秒,然后在选项中点击对就的选项元素。几乎所有下拉列表控件都可以用这种方法填写。

用点击方法选择.png

  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    694 引用 • 1142 回帖 • 612 关注

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...