用于选择下拉值的 Javascript 书签？

Question

希望大家帮帮我。我似乎无法弄清楚如何制作一个小书签来选择网页下拉菜单中的选项。

希望实现:在我的chrome浏览器上做一个书签。当我在此页面上单击它时，它将选择下拉列表并在成员框中选择级别 2

网页的html

<select name="membership" onchange="submit()">
<option value="1"> Level 1</option>
<option value="2"> Level 2</option>
<option value="3"> Level 3</option>

谢谢。对此真的很陌生。

编辑:抱歉，我深表歉意。这是我尝试制作的当前书签

javascript:document.getElementById("membership").selectedIndex = 2; <

EDIT2 < 意识到自 <select name="membership" 以来可能无法使用按 id 获取元素正在使用名称而不是 id .有没有可以搜索name=的？

编辑 3 在这里感谢大家的帮助，你们太棒了，在过去的 2 小时里，我通过不同类型的 getElements* 和查询选择器学到了很多东西。谢谢 sideroxylon!

Answer 1

这可能会让您入门。首先你选择你想要的选项。然后触发onchange事件。确保您传递的是选定的值。

document.getElementsByName('membership')[0].value = 2;
document.getElementsByName('membership')[0].onchange();

function submit(val) {
  alert(val);
}

<select name="membership" onchange="submit(this.value)">
  <option value="1">Level 1</option>
  <option value="2">Level 2</option>
  <option value="3">Level 3</option>
</select>

您的小书签应如下所示:

javascript:document.getElementsByName('membership')[0].value = 2;document.getElementsByName('membership')[0].onchange();