Javascript bookmarklet选择下拉值?

时间:2016-11-20 08:26:40

标签: javascript jquery html bookmarklet

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

希望实现:在我的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; &LT;

EDIT2 &lt;实现可能无法使用id by id,因为<select name="membership"使用的是名称而不是id。有没有可以搜索名称=?

编辑3 感谢所有人的帮助,你们这些人都很棒,我在过去的2小时里学到了很多不同类型的getelements *和queryselector。谢谢sideroxylon!

1 个答案:

答案 0 :(得分:2)

这可能会让你开始。首先,选择所需的选项。然后触发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();