创建书签以填写表单

Create bookmarklet to fill form

本文关键字:表单 书签 创建      更新时间:2023-09-26

我想创建一个书签,用文本填充第 1、2、5 和 6 个文本框,这样我就可以更轻松地在网站上使用该工具,因为我经常使用它并且它不记得我的输入。这些是前面有此文本的"Vertrek gemeente :" , "Straat :", "Aankomst gemeente :" and "Straat :".

让我给出一些测试值(按顺序)

"gent"
"PATIJNTJESTRAAT"
"OOSTAKKER"
"HERMAN TEIRLINCKSTRAAT"

关于该网站:这是一个荷兰公共交通网站,您可以输入您的街道和目的地街道,然后网络应用程序将计算您应该乘坐哪些公共汽车以及何时应该乘坐它们。

关于我:我是javascript的菜鸟。我知道你可以使用getElemenbyId但是这个网站有很多脚本,这样的脚本使得很难获得id。我知道有一个(火狐)插件+插件可以让你检查元素(获取id)。它叫萤火虫。我希望这有什么帮助。我不是 100% 确定书签是解决我问题的方法,如果您有其他建议,请随时回复(我听说 cookie 可能是一种解决方案?或者也许是火狐插件?

提前感谢您,如果您可以帮助获取此代码或可能的解决方案(javascript 书签),如果您为我提供工作代码,那就更感谢您。感谢您为我提供代码并解释它的真正工作原理,请感谢一百万。

试试这个:

javascript: { document.getElementById('form1:vertrekGemeenteInput').value = 'Zedelgem';document.getElementById('form1:vertrekStraatInput').value = 'Berkenhagestraat';document.getElementById('form1:vertrekNrInput').value = '44';document.getElementById('form1:aankomstGemeenteInput').value = 'Oostakker';document.getElementById('form1:aankomstStraatInput').value = 'Herman Teirlinkcstraat';document.getElementById('form1:aankomstNrInput').value = '1'; void(0) }

我在Chrome上对此进行了测试,它在那里工作。

至于获取元素,打开

Chrome,然后打开检查器(在控制移位J的窗口中),然后点击左下角的放大镜,然后将鼠标悬停在网页上,您会看到元素变为蓝色,如果您单击任何元素,您将在"元素"选项卡中看到相关标签,您将看到id, 这就是我找到这些ID的方式。Je bent welkom ;)