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

923 Views Asked by Zainul Abideen At 27 April 2025 at 12:38

<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 . Someone suggest me the way to achieve it,

Original Q&A

There are 1 best solutions below

4b0 On 28 May 2022 at 13:52

First of all give some id or class to your button. (For example I give id on snippet.)
Use select box attribute size to open your select list using option and length when button click.

$('#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>

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

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in JQUERY

Related Questions in DROP-DOWN-MENU

Related Questions in JQUERY-SELECTBOX

Related Questions in JQUERY-TRIGGERHANDLER

Trending Questions

Popular # Hahtags

Popular Questions