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

boyanx2周前技术教程4

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

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


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




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

标签: js输入框

相关文章

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

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

Web前端:JavaScript最强总结,最全面的零基础入门教程

JavaScript 是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。JavaScript...

Js基础7:表单元素属性

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

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

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

Axure9原型设计:能增删改数据的动态饼图(2)

在本篇中,我们将延续上篇的设计思路,进一步探索如何在 Axure9 中实现“可增删改数据”的动态饼图效果。最近无聊,在网上闲逛,看到一篇教程《能增删改数据的动态饼图》,故仿照实践。因信息量较大,分三篇...

Cleave.js:输入内容格式化工具

我有 Cleave.js,你怎么输入我都无所谓。Cleave.js 是一款非常简单的输入框内容格式化工具,可以自动帮助你格式化输入的文本内容。Cleave.js 遵循 Apache 2.0 开源授权协...

发表评论    

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