提问者:小点点

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


null

<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://jsfidle.net/stefchrif/2vz7fog3


共1个答案

匿名用户

您需要使用click event,然后使用值为“option[value=”2“]”的find option,然后将prop selected设置为true

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

null

// 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>