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自动选择＆＃34; 36＆＃34;每当我访问该网页时？

Answer 1

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

看起来你可以在greasemonkey中使用jQuery和

// @require       http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js

How can I use jQuery in Greasemonkey?

然后jQuery选择器将是：

$("select[name=term]")

https://api.jquery.com/attribute-equals-selector/

Answer 3

<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>

{{1}}

如何在没有元素ID的下拉列表中选择带有Javascript的选项？

3 个答案: