如何在没有元素ID的下拉菜单中选择Javascript选项?
How do I select an option with Javascript in a dropdown that doesn't have an element ID?
我有一个网站,我不能编辑,我经常访问。我正在使用Greasemonkey for Firefox和Tampermonkey for Chrome,尝试使用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。我试着遵循这里和这里的答案,但将它们改为使用document.getElementsByName
而不是document.getElementById
,因为这个下拉元素没有id,但我所做的一切都不起作用。
我如何使用Greasemonkey或Tampermonkey在访问该网页时自动选择"36"的值?
您可以使用属性选择器按名称访问元素。当你设置它的值时,它会选择具有该值的选项。
$("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>
// ==UserScript==
// @name http://stackoverflow.com/questions/32979378
// @match http://website.with.dropdown.com/*
// @grant none
// ==/UserScript==
(document.querySelector && document.querySelector('select[name="term"]') || []).value = '36';
<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>
看起来可以在greasemonkey中使用jQuery
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js
如何在Greasemonkey使用jQuery ?
则jQuery选择器将沿着以下行:
$("select[name=term]")
https://api.jquery.com/attribute-equals-selector/相关文章:
- 基于其他下拉菜单选择隐藏/显示下拉菜单
- Asp.net 引导下拉菜单 - 选择一个项目
- 检测引导下拉菜单选择的正确方法是什么
- 当上一个下拉菜单选择了某些内容时,javascript显示下拉菜单
- 如何根据下拉菜单选择隐藏/显示文本框
- 使用.on的多个下拉菜单选择文本仅适用于第一个下拉菜单
- 如何基于两个下拉菜单选择进行页面重定向
- WordPress 类别下拉菜单选择链接断开
- Jquery - 根据下拉菜单选择加载 XML 文件
- 使用下拉菜单选择不同的语言并翻译 RoR 3.2 Ruby 2.0
- 将下拉菜单选择保存在 Cookie 中
- 如何生成下拉菜单选择以根据数据库中可用的行/记录表单数据填充表单
- 尝试在鼠标悬停时为Wordpress中的下拉菜单选择添加突出显示
- 使后台生成的下拉菜单选择成为强制性的
- 求和2个跨度元素中的两个值(用户可以通过下拉菜单选择每个跨度元素的值)
- AJAX下拉菜单选择
- AngularJS选择下拉菜单-选择默认选项
- 下拉菜单(选择)--根据所选内容选择项目和图片
- 单选按钮&下拉菜单(选择标记)-获取先前选定的菜单
- 切换隐藏/显示下拉菜单选择事件