Javascript 小书签到 select 下拉值？

Question

希望你们能帮助我。我似乎无法弄清楚如何制作书签以 selecting 网页下拉菜单中的选项。

希望实现：在我的chrome浏览器上做一个书签。当我在此页面上单击它时，它将 select 下拉列表和 select 会员框中的 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("会员资格").selectedIndex = 2; <

EDIT2 < 意识到可能无法通过 id 获取元素，因为 <select name="membership" 使用名称而不是 id。有没有可以搜索name=?

的

编辑 3 在此感谢大家的帮助，你们太棒了，在过去的 2 小时里，我通过不同类型的 getElements* 和 queryselect或者。谢谢 sideroxylon！

Answer 1

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

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();

Javascript 小书签到 select 下拉值？

Javascript bookmarklet to select drop down value?

html

javascript

jquery

bookmarklet