简体   繁体   English

如何通过单击 jQuery 或 Javascript 中的按钮打开选择列表

[英]how to open select list by clicking a button in jQuery or Javascript

<body>
    <form>
        <select name="test" id="test">
            <option value="one">one</option>
            <option value="two">two</option>
        </select>
    </form>
    <button>Open Select Bar</button>
    <script src="script.js"></script>
</body>

This is my html codes and I want to open the select list by clicking on the button in jquery, and I am unable to understand that how can I achieve it .这是我的 html 代码,我想通过单击 jquery 中的按钮打开选择列表,但我无法理解如何实现它。 Someone suggest me the way to achieve it,有人建议我实现它的方法,

  1. First of all give some id or class to your button.首先为您的按钮提供一些idclass (For example I give id on snippet.) (例如,我在片段上给出 id。)
  2. Use select box attribute size to open your select list using option and length when button click.单击按钮时,使用选择框属性size使用optionlength打开选择列表。

 $('#btnselect').click(function(e) { $('#test').attr('size', $('option').length); });
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="test" id="test"> <option value="one">one</option> <option value="two">two</option> </select> <button id='btnselect'>Open Select Bar</button>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM