Question

从浏览器调用它，应该扩展＆＃34;选择＆＃34;菜单名称为7725，然后1秒后选择菜单选项，数据ID为18726。

菜单会像点击一样展开，但我无法选择该选项。

var element = document.getElementsByName("7725")[0];

var element2 = document.querySelectorAll('[data-id="18726"]')[0];

var dispatchMouseEvent = function(target, var_args) {
  var e = document.createEvent("MouseEvents");
  e.initMouseEvent.apply(e, Array.prototype.slice.call(arguments, 1));
  target.dispatchEvent(e);
};

dispatchMouseEvent(element, 'mouseover', true, true);
dispatchMouseEvent(element, 'mousedown', true, true);
dispatchMouseEvent(element, 'click', true, true);
dispatchMouseEvent(element, 'mouseup', true, true);

var func = function () {
dispatchMouseEvent(element2, 'mouseover', true, true);
dispatchMouseEvent(element2, 'mousedown', true, true);
dispatchMouseEvent(element2, 'click', true, true);
dispatchMouseEvent(element2, 'mouseup', true, true);}
setTimeout(func, 1000);

HTML

<select data-widget-cid="widget-1" class="ui-dropdown ui-dropdown-system" data-role="content" name="7725">
<option data-role="item" value="" data-id="">--Please select--</option>
<option data-role="item" value="100018726-IE 1" data-id="18726">IE 1</option>
<option data-role="item" value="100018727-IE 2" data-id="18727">IE 2</option>
<option data-role="item" value="100018728-IE 3" data-id="18728">IE 3</option>
<option data-role="item" value="100018729-IE 4" data-id="18729">IE 4</option>
</select>

Answer 1

这里是纯JavaScript版本，可以自动选择data-id为18726的选项

var getIndexOf = function (id) {
    var options = document.getElementsByTagName('option');
    for (var i = 0; i < options.length; i++) {
        if (id == options[i].getAttribute('data-id')) {
            return i;
        }
    }
};
var el = document.getElementsByTagName('select')[0];
el.selectedIndex = getIndexOf('18726');

这个表单自动填充javascript有什么问题？

1 个答案: