js下拉列表表单控件的自动填写思路

boyanx5个月前技术教程16

我们熟悉的标准HTML输入控件包括input,select,textarea等;比如通过改变input的value属性值,就可输入内容到文本输入框中。
有些网页表单为了实现特殊的效果和功能,可以不使用这些控件,通过客户端脚本生成特殊的输入方式。手工填表不受影响,如果自动填表就需要使用特殊的方式。

非标准下拉列表框填写示例.png


方法一:手工填表后,观察源码变化,发现填写的内容出现在<span>a5</span>元素中。那么我们填表的思路就是直接修改这个元素的值。获取span元素,“填写”它的text文本内容为a3,可以看到网页也对应的发生变化。但提交表单时,如果是非input元素,可能无法提交填写的值,需进一步测试。




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

标签: js输入框

相关文章

Js基础7:表单元素属性

一、封装获取元素的方法封装思想——函数封装——代码复用 function get_id(id){      // 这个函数是专门来通过id获...

HTML5原生js写了一个掉落的登陆框,居然还能跳!

源码/视频评论后加前端学习群470593776JavaScript课题:100+特效大揭秘之梦幻登录特效PS:掉落的输入框,居然还能跳知识点:原生js动画效果 ,重力系统+元素弹跳算法, 递归在特效中...

JavaScript全解析——正则表达式

正则——RegExp●正则也叫正则表达式,又名 “规则表达式”●正则是JS中的数据类型, 是一个复杂数据类型●由我们自己来书写 “规则”,专门用来检测 字符串 是否符合 “规则” 使用的●我们使用一些...

如何在JavaScript中实现数字输入框的范围限制?

在 JavaScript 语言中,实现数字输入框的范围限制可以通过多种方式实现,最常见的方式是利用 JavaScript 的事件监听机制,和通过 JavaScript 的条件判断语句来实现范围限制。以...

[.net编程自学网]JavaScript DOM编程(一)

为什么要学习JavaScript操作DOMJavaScript最终是要操作Html页面,让Html变成DHtml,而操作Html页面就要用到DOM。DOM就是把Html页面模拟成一个对象,就像XDoc...

如何用JavaScript判断输入值是数字还是字母?

在日常开发中,我们有时候需要判断用户输入的是数字还是字母。本文将介绍如何用JavaScript实现这一功能。检查输入值是否是数字或字母要判断输入值是数字还是字母,我们可以通过JavaScript获取输...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。