如何解决在按钮上单击火或模拟选择下拉列表显示
我正在寻找一种在我点击按钮时打开选择选项的方法(比如我们点击一个选择)。 像这个例子:
<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
// 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。