javascript - 如何在没有元素 ID 的下拉列表中使用 Javascript 选择选项？

Question

我有一个经常访问的网站，但无法编辑。我正在使用适用于 Firefox 的 Greasemonkey 和适用于 Chrome 的 Tampermonkey 来尝试使用 Javascript 自动选择下拉列表中的值。下面是下拉列表的元素。

<select name="term">
    <option value="12">12 /mo. - $20.95/mo.</option>
    <option value="24">24 /mo. - $17.95/mo.</option>
    <option value="36">36 /mo. - $15.95/mo.</option>
</select>

如您所见，没有元素 id。我尝试按照 here 上的答案进行操作和 here但将它们更改为使用 document.getElementsByName 而不是 document.getElementById 因为此下拉元素没有 id，但我所做的一切都不起作用。

如何使用 Greasemonkey 或 Tampermonkey 在每次访问该网页时自动选择值“36”？

Answer 1

您可以使用属性选择器按名称访问元素。当您设置其值时，就会选择具有该值的选项。

$("select[name=term]").val("36");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="term">
    <option value="12">12 /mo. - $20.95/mo.</option>
    <option value="24">24 /mo. - $17.95/mo.</option>
    <option value="36">36 /mo. - $15.95/mo.</option>
</select>