时间戳

首页 > 解决方案 > 如何正确使用 .click 在 Javascript 中的 html 编码中选择此类型？

javascript - 如何正确使用 .click 在 Javascript 中的 html 编码中选择此类型？

问题描述

<select name="s" id="s">
    <option value="64752">Small</option>
    <option value="64753">Medium</option>
</select>

这是来自网站的选择类型的 HTML 代码

.realClick('select#s', {x: 1, y: 1})
.insert('input#s', size)

这是我尝试过的编码的一部分，我收到错误“找不到元素：”select#s“

我不太确定还能尝试什么我对自动化还很陌生。我将 PhantomJS 与真正单击的 PhantomJS 一起使用。任何想法都会很棒。谢谢

标签： javascriptphantomjs

解决方案

我不认为你可以使用点击选择。我记得当我经常使用 PhantomJS 时，我必须设置我试图选择的选项的选定索引：

page.evaluate(function() {

  // Set the selected index
  var select = document.getElementById('s');
  select.selectedIndex = 1;

  // Trigger a change event
  var onChange = document.createEvent('HTMLEvents');
  onChange.initEvent('change', false, true);
  select.dispatchEvent(onChange);

});

这应该选择选项Medium。

有关onChange参数的更多信息。

推荐阅读