使用 Greasemonkey 编写网页上 pre-populate 下拉列表值的脚本

Question

我对编码很陌生，并试图想出一种方法来 pre-populate 具有列表值的下拉字段（它始终需要相同的默认值）。我已经从网页中提取了 html 代码，需要获取选项 ID 1:

<select isrequired="1" validationcaption="Action type" name="td_type" style="width: 264px;"> 
    <option value="">(Select)</option><option value="29682776">Email (Calendar &amp; To-Do List)</option>
    <option value="2">Meeting (Calendar &amp; To-Do List)</option>
    <option value="1">Phone Call (Calendar &amp; To-Do List)</option>
</select>

令我困惑的是如何让脚本从这个下拉列表中选择 ID。这是使用验证标题或名称值完成的吗？

我可以用一些指针或部分代码或一些说明来做！

Answer 1

欢迎来到 SO。

如果我没看错，你想做的事情可以在你的 UserScript header 部分

之后的一行中完成

document.querySelector("select[name='td_type']").value = 1;

假设它是您网站上唯一的 select 名称。对于 select 选项，您将其值传递给 select 本身。

有关 select 以及如何使用它们的更多信息，请参见 here and here

使用 Greasemonkey 编写网页上 pre-populate 下拉列表值的脚本

Script to pre-populate dropdown list value on webpage using Greasemonkey

javascript

jquery

html

greasemonkey