Question

我试图伪造点击元素，打开选择框但没有成功.. 如果可能的话，请告诉我该怎么做？

这是我的代码：

<div class="filterField"> 
  <label for="sortBykind">labelName</label> 
    <select id="sortBykind" class="subjectListFilter"> 
      <option value="" selected="">Show All</option> 
      <option value="">subject 01</option> 
      <option value="">subject 02</option> 
      <option value="">subject 03</option> 
      <option value="">subject 04</option> 
    </select> 
  <i class="fa fa-angle-down" aria-hidden="true"></i> 
</div>

我希望能够点击字体awsome i标签，它会打开像somone这样的选择框，只需用鼠标点击选择框

<i class="fa fa-angle-down" aria-hidden="true"></i>

请咨询？

我试图在Jquery中执行此代码，它无法正常工作

        $('.fa-angle-down').click(function (e) {    

        var elementToClickOn = $(this).prev();

        setTimeout(function() {
            console.log("test");

            e = $.Event('mousedown');
            e.keyCode= 13; // enter
            elementToClickOn.focus();
            elementToClickOn.trigger(e);

        }, 500);

    });

Answer 1

Native select elment无法通过JavaScript打开。

您可以通过div模拟选择元素。

点击元素，触发点击输入选择字段？

1 个答案: