Question

61

How to open option list of HTML select tag on onfocus()

rated 0 times [ 62] [ 1] / answers: 1 / hits: 32196 / 11 Years ago, tue, july 30, 2013, 12:00:00

My HTML code looks like below:

   <select id = "demo2">

        <option value = "---select---">---select---</option>

        <option value = "1">Oranges</option>

        <option value = "2">Apples</option>

        <option value = "3">Pears</option>

        <option value = "4">Kiwis</option>

        <option value = "5">Bananas</option>

        <option value = "6">Banansasas</option>       

        <option value = "7">Grapes</option>

   </select>

How do I open the option list of the select tag on onfocus() events?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

danar

Add To Favorites

Follow

Total Points: 271

Total Questions: 94

Total Answers: 93

Location: Ecuador

Member since Thu, Jun 4, 2020

4 Years ago

answered 11 Years ago mira · Accepted Answer

$(document).ready(function(){

    $('select').focus(function(){

        $(this).attr(size,$(this).attr(expandto));

        var x = select[tabindex=' + (parseInt($(this).attr('tabindex'),10) + 1) + '];

        $(x).fadeTo(50,0);

    });

    $('select').blur(function(){

        $(this).attr(size,1); 

        var x = select[tabindex=' + (parseInt($(this).attr('tabindex'),10) + 1) + '];       

        $(x).fadeTo('fast',1.0);            

    });

});

Link for demo example