求助！EdgeView用JS脚本怎么实现下拉菜单动态切换？

komarc · 发表于 2024-9-9 11:58:11

比如某红书这里，想要搜索加载完之后自动切换"最新"或者"最热"。谢谢大佬们

985075425 · 发表于 2024-9-9 11:58:12

[JavaScript] 纯文本查看 复制代码

// 使用 JavaScript 模拟点击 XPath 路径

// 获取 XPath 路径对应的元素
const element = document.evaluate('/html/body/div[4]/div/li[2]/span', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

// 检查元素是否存在
if (element) {
  // 模拟点击事件
  element.click();
} else {
  console.error('无法找到 XPath 路径对应的元素');
}

鹏书 · 发表于 2024-9-9 11:59:58

[JavaScript] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <select id="mySelect">
    <option value="option1">选项 1</option>
    <option value="option2">选项 2</option>
    <option value="option3">选项 3</option>
  </select>

  <script>
    // 获取下拉菜单元素
    var selectElement = document.getElementById('mySelect');

    // 添加事件监听器，当选择改变时触发
    selectElement.addEventListener('change', function () {
      var selectedValue = this.value;
      // 根据选择的值进行相应的操作
      if (selectedValue === 'option1') {
        // 执行选项 1 的操作
        console.log('您选择了选项 1');
      } else if (selectedValue === 'option2') {
        // 执行选项 2 的操作
        console.log('您选择了选项 2');
      } else if (selectedValue === 'option3') {
        // 执行选项 3 的操作
        console.log('您选择了选项 3');
      }
    });
  </script>
</body>

</html>

komarc · 发表于 2024-9-9 12:26:47

鹏书发表于 2024-9-9 11:59
[mw_shl_code=javascript,true]

我是希望它自动加载下拉菜单，不是下拉菜单触发事件

真IKUN · 发表于 2024-9-9 12:52:01

鹏书大佬说的对！建议采纳

komarc · 发表于 2024-9-9 16:48:15

985075425 发表于 2024-9-9 12:45
[mw_shl_code=javascript,true]// 使用 JavaScript 模拟点击 XPath 路径

// 获取 XPath 路径对应的元素

谢谢哥！

		自动登录	找回密码
密码			注册

[已解决] 求助！EdgeView用JS脚本怎么实现下拉菜单动态切换？

最佳答案