在按钮上单击火或模拟选择下拉列表显示

问题描述

我正在寻找一种在我点击按钮时打开选择选项的方法（比如我们点击一​​个选择）。 像这个例子：

HTML 代码在这里：

<select id="sel1">
    <option value="">Please select an option</option>
    <option value="1">Val1</option>
    <option value="2">Val2</option>
    <option value="3">Val3</option>
</select>
<button id="btn">fire</button>

https://jsfiddle.net/stefchrif/2vz7fog3

解决方法

您需要使用点击事件，然后找到值为 "option[value="2"]" 的选项，然后将选定的道具设置为 true

https://api.jquery.com/prop/

// click on button
$('#btn').click( function() {
  //$('#sel1').find('option[value="2"]').prop('selected',true);
  var size = $('#sel1 option').length;
  if (size != $("#sel1").prop('size')) {
      $("#sel1").prop('size',size);
  } else {
      $("#sel1").prop('size',1);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="sel1">
    <option value="">Please select an option</option>
    <option value="1">Val1</option>
    <option value="2">Val2</option>
    <option value="3">Val3</option>
</select>
<button id="btn">fire</button>