Question

我正在尝试为tampermonkey创建一个简单的脚本，当通过键盘快捷键触发该脚本时，它将以编程方式单击/选择下拉菜单中的特定字体大小。当我单击论坛面板中的特定按钮时，菜单打开，并且列出了所有可用的文件字体大小。

菜单如下所示： dropdown menu

Chrome浏览器的检查器给出了打开菜单的html格式： html format

这里有很多主题涉及这个主题，如何单击下拉菜单项，并且我已经尝试了几乎所有方法，包括javascript和jquery，但均无效果。

我只能设法以编程方式单击并打开使用以下代码打开下拉菜单的按钮：

document.getElementById('cke_12').click();

打开下拉菜单后，我触发应该选择/单击特定字体大小的代码。我已经尝试过以下代码：

document.getElementById('cke_70').click();
document.querySelector('cke_70').click();
document.getElementById('cke_panel_list').selectedIndex = "8"
document.getElementById("cke_panel_list").value = "8";
document.querySelector('cke_panel_list').value = '8'
$('cke_70')[0].click();
$('cke_70').click();
$("li#cke_70").trigger("click");
$("ul li:first").trigger("click");
$('cke_panel_list li:eq(8)').trigger("click");
$('cke_panel_list').find('li').eq(8).click();
$('cke_panel_list').val('8').trigger('change');
$('cke_panel_list').val('8').trigger('click');
$('cke_panel_list').prop('selectedIndex', 8);

我也尝试使用cke_70_option作为id。但是没有选择/单击任何项目，下拉菜单保持原样打开。

知道我在做什么错吗？

Answer 1

$(".cke_panel_list").click(function(){
    return $(this).val();
});

这是jQuery，用于选择所有具有cke_panel_list类的元素。返回值将为您提供该元素具有的值。

Answer 2

您可以使用此：

$(document).on("click", ".cke_panel_list", function(){
    return $(this).val();
 });

无法对下拉菜单中的项目进行编程

2 个答案: