一、网页下拉列表的自动填写,怎么实现呢?看看需要实现自动填写的下拉列表吧。
![16053156-95e3feb368ba4118.png](https://i-blog.csdnimg.cn/blog_migrate/a386718f6531449f4d8b0c0946ee4194.webp?x-image-process=image/format,png)
所在地区,首先需要选择省,然后才能选择市。我们用网页自动操作通用工具实现。
![16053156-5829fb8029c9e74c.png](https://i-blog.csdnimg.cn/blog_migrate/3637f0df3ccc84eafdc87fc16c0ecc4a.webp?x-image-process=image/format,png)
下面我们来讲讲实现步骤。
首先,打开网页自动操作通用工具,在网页自动提交监控操作对话框,点击添加,把下拉表单网址输入进去,点击自动获取,然后点击确定按钮添加网址。
![16053156-d25146d219cc74a7.png](https://i-blog.csdnimg.cn/blog_migrate/3be03cdd5d0dd4df8919b51e48c8d3cb.webp?x-image-process=image/format,png)
其次,在提交内容选项卡,添加需要提交的省、市下拉框。我们以自动选择省为例。点击添加,元素别名命名为省份,获取元素方式选择通过html元素属性获取,点击自动获取
![16053156-ce2a51805d16048b.png](https://i-blog.csdnimg.cn/blog_migrate/4af6e7bea48e4d63ce85f498d4b50784.webp?x-image-process=image/format,png)
把鼠标放到省份下拉框上,ALT+T键选中,然后添加元素。
![16053156-87fe6a3dd341e31a.png](https://i-blog.csdnimg.cn/blog_migrate/d305d9ae23c3781a3cba66ab4bfc7036.webp?x-image-process=image/format,png)
这里有四种实现方法,必须通过分析源码来实现。
![16053156-ca31ff70d21582a2.png](https://i-blog.csdnimg.cn/blog_migrate/d9e661465ceb13c0caef6e3e5c5fe0de.webp?x-image-process=image/format,png)
第一种方法:通过省份对应的value值来实现。比如我们需要自动选择河南省,河南省对应的value是10。那我们填写属性选择value,填写值写10.设置填写完省份后即填写完省份2秒后自动触发onchange事件自动跳转到城市选择项,所以填写完成后触发事件选择onchange.
![16053156-420b5ce9f19eb4c2.png](https://i-blog.csdnimg.cn/blog_migrate/91b9f1147a9e92656fe618acdb2f78ab.webp?x-image-process=image/format,png)
按同样的方法设置城市为河南的安阳市。
![16053156-9926da9e6c3b5e92.png](https://i-blog.csdnimg.cn/blog_migrate/1386029b95f6856099719bf6a1b79d64.webp?x-image-process=image/format,png)
下面我们看一下自动填写下拉列表为河南省安阳市的效果。
![16053156-85cf73ad59b24e4a.png](https://i-blog.csdnimg.cn/blog_migrate/ae63c06c912230e0e92d92cf35bc20db.webp?x-image-process=image/format,png)
第二种方法:选择selectedIndex属性。河南省为列表的第11项。
![16053156-d6eefdbe8c8c2a44.png](https://i-blog.csdnimg.cn/blog_migrate/c374d02a44c6abee2ec399a8ff9ececf.webp?x-image-process=image/format,png)
第三种方法:选择text文本属性,填写值输入河南。
![16053156-f9553335e8160dd6.png](https://i-blog.csdnimg.cn/blog_migrate/b38af7046987fc7f7fb4b896f6aab6d0.webp?x-image-process=image/format,png)
第四种方法:通过模拟键盘向下选择下拉列表操作,选择[keybord]属性,河南为列表第11个元素,所以填写值写{Down 11}.
![16053156-7ffb257b1713dbbe.png](https://i-blog.csdnimg.cn/blog_migrate/2aefd2257fd07215e0333350b3b50dfd.webp?x-image-process=image/format,png)
二、单选框自动填写方法
网页上,会经常出现单选框,如果你需要自动点击单选框如下所示,你可以用网页自动操作通用工具的网页自动提交监控操作功能。
![16053156-d138eec9be886a8c.png](https://i-blog.csdnimg.cn/blog_migrate/3e121c1ff0152b4f5f34cd8bfabf5e4f.webp?x-image-process=image/format,png)
下面讲讲实现方法来实现选择学生单选框。
首先,在网页自动提交监控操作界面,网址列表选项卡,点击添加,输入网址.
![16053156-2b324b082436fb0a.png](https://i-blog.csdnimg.cn/blog_migrate/d5ccdbed76b3b747c0889f5099f4c6a8.webp?x-image-process=image/format,png)
点击自动获取,添加好带有单选框的网页。
![16053156-5c70536343a915da.png](https://i-blog.csdnimg.cn/blog_migrate/7f302d0bd6e6946d68649bba4603dd60.webp?x-image-process=image/format,png)
其次,在提交内容选项卡,点击添加,获取元素方式选择通过HTML元素属性获取,点击自动获取,鼠标指向学生那个单选框选择获取元素,添加元素。发现自动添加元素与我们实际要添加的元素不一样。通过分析源码我们手动设置如下。标记名称写input,标记属性名(我们要选择学生单选框,而学生单选框为name属性的第二个同名元素),所以填写[name]2.标识唯一值是usertype.设置好了。
![16053156-9882d33f58848d20.png](https://i-blog.csdnimg.cn/blog_migrate/eb3b4b861fc7b1d7da6c3470ce6e9dc9.webp?x-image-process=image/format,png)
在填写属性选择checked,属性值填true.
![16053156-5afdaee95efb842e.png](https://i-blog.csdnimg.cn/blog_migrate/7f5e2e986c994fd2450b8f5418d080d2.webp?x-image-process=image/format,png)
下面我们来看看自动选择学生单选框的效果。
![16053156-646eddd9b7d8f3df.png](https://i-blog.csdnimg.cn/blog_migrate/3f28cb7b8f780c113743fbf6e8342140.webp?x-image-process=image/format,png)
PS:如果需要去掉刚才选择的学生单选框,怎么操作呢?直接在添加自动填写对话框中,属性checked的值改为false即可。
![16053156-e15cc75515158bfd.png](https://i-blog.csdnimg.cn/blog_migrate/91599adc925e822b13d2aa9085c0c501.webp?x-image-process=image/format,png)
我们来看看效果。
![16053156-1306f5c093c92325.png](https://i-blog.csdnimg.cn/blog_migrate/d1d55499032ffd3cfc196a30a7b430b9.webp?x-image-process=image/format,png)
三、复选框的自动选择实现
网页上,会经常出现复选框,如果你需要自动点击复选框如下所示,你可以用网页自动操作通用工具的网页自动提交监控操作功能。
![16053156-bd16a88e501e91fe.png](https://i-blog.csdnimg.cn/blog_migrate/0de3ebaee7373fedeb15296906bef2f8.webp?x-image-process=image/format,png)
下面讲讲实现方法来实现自动选择复选框。
首先,在网页自动提交监控操作界面,网址列表选项卡,点击添加,输入网址,点击自动获取,添加好带有复选框的网页。
![16053156-5c78dac876f303f0.png](https://i-blog.csdnimg.cn/blog_migrate/2db3ef5901b314614137b785c7565a99.webp?x-image-process=image/format,png)
其次,在点击目标选项卡,点击添加,获取元素方式选择通过HTML元素属性获取,点击自动获取,鼠标指向已阅读并同意那个单选框选择获取元素,添加元素。发现自动添加元素与我们实际要添加的元素不一样。通过分析源码我们手动设置如下。标记名称写input,标记属性名name.标识唯一值是accept_term.填写属性选择checked,属性值填true.
![16053156-54f6d9e65e1300e7.png](https://i-blog.csdnimg.cn/blog_migrate/30d5f5ac0fe6c13c933d247dfb17e2e7.webp?x-image-process=image/format,png)
下面我们来看看自动选择已阅读并同意复选框的效果。
![16053156-3b4d48fcb4856903.png](https://i-blog.csdnimg.cn/blog_migrate/a25ea043a68db7c5ae0a9b1f45cdb356.webp?x-image-process=image/format,png)
PS:如果需要去掉已阅读并同意复选框的选择,怎么做呢?直接在添加自动填写对话框中,属性checked的值改为false即可。
![16053156-88b087ab3effd6a7.png](https://i-blog.csdnimg.cn/blog_migrate/c320c1ee541144606c693ee038fc5fdc.webp?x-image-process=image/format,png)
来看看效果。
![16053156-6a0c2489d4c1ccf4.png](https://i-blog.csdnimg.cn/blog_migrate/1235271954096def7e40f6b3c513c6a8.webp?x-image-process=image/format,png)
本案例完,谢谢大家观看。