脚本自动填充网页输入框中的值。

Question

我的工作是为病人安排诊断测试，我需要为每个诊断测试写出6-7个字符的值。我有24个不同的值，我需要填充它数千次。我想用Tamper猴子创建24个不同的脚本，通过点击脚本框来加快我的工作速度。所以问题是我需要填充这个盒。以下是控制台中该框的输入id和所有内容。然后我手动输入值，得到弹出式列表，每次我输入一个字符(与谷歌或youtube搜索框相同的原则)更新，这是在我输入一个值之后的弹出列表，如果我想要那个诊断测试，我需要从弹出列表中点击它，我不能只点击enter。因此，这是我必须用一个值填充框的代码：

document.body.appendChild(element) element.addEventListener('click', function(){ document.querySelector("input#generic_test_order_search.ui-autocomplete-input").value = '15002 ' })

脚本填充了这个值，但是弹出列表没有出现，我需要点击这个框，删除一个字符，然后再写一个字符来得到一个列表，然后从它中选择一个诊断测试。不过，太费时了。

我想知道，是否可以制作一个脚本来自动添加像这个例子这样的列表中的诊断测试？如果没有，是否可以以某种方式使弹出列表出现，我不需要单击框，删除一个字符，然后再写一次？至少，在填充了值之后，我能让这个框被点击吗？我试过这段代码，但不起作用：document.querySelector("input#generic_test_order_search.ui-autocomplete-input").click()

请帮助我使它尽可能自动，这将节省我数百个小时的长期。

Answer 1

1.关于问题的第二部分。图4.

为下降的参数自动填充是非常简单的，我们可能需要元素的html代码。

例如,

• document.getElementsByTagName('input')[0].click();从第一个输入中单击第一个输入复选框
• document.getElementsByTagName('select')[0].selectedIndex = 1;从第一个选择中选择第二个值
• document.getElementsByTagName('button')[0].click();单击第一个按钮

更准确地说，您可能首先使用类，然后使用标记：document.getElementsByClassName('testClassDependingOnExistingClasses')[0].getElementsByTagName('button')[0].click();。

您在页面上手动执行的任何操作都可以使用JS自动完成。

2.关于问题的第一部分。图2.这是答案的一部分。如何在js中触发按下箭头？

也许这段代码可能有帮助，但没有足够的信息，因为删除元素的html代码上没有数据。

document.getElementById('generic_test_order_search').clildren[0].click();