php select control change layout

Question

I have a select control in my php web site i need to show it as a drop down list collapsed and i need to select multiple option, i use the folowing code

echo '<select class="form-control" multiple name="associate" >';
echo "<option value='0' class='form-control' >---Choose Associate---</option>"; 
foreach ($userarray as $key => $value)
{
    if (isset($_REQUEST['associate']))
    {
        echo "<option value='".$key."' class='form-control' >".$value."</option>"; 
    }
    else
    {
        echo "<option value='".$key."' class='form-control' >".$value."</option>";
    }
}
echo '</select>';

The problem is that the drop down look like this in the picture, i need to collapse it not to show it like this .. i dont need to see all the items!! just first one and when i click the others appears

Set the size to 1. Then when it's focused, dynamically change the size to more. When it loses focus, change the size back to 1. — dazed-and-confused
– dazed-and-confused, Commented Oct 24, 2020 at 21:51
Does this answer your question? How to create checkbox inside dropdown? — Steven
– Steven, Commented Oct 24, 2020 at 22:03

dazed-and-confused · Accepted Answer · 2020-10-24 22:04:44Z

1

Here's a sample of how you can do this:

<select multiple size="1" onfocus="show_more()" onblur="show_less()" id="my_select">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

<script>
function show_more()
{
    document.getElementById('my_select').size = 3;
}
function show_less()
{
    document.getElementById('my_select').size = 1;
}
</script>

View in jsFiddle https://jsfiddle.net/qodw5xe9/

Note: This can be done using a single function which accepts the size as a parameter. I broke it out to explicitly show what's going on.

edited Oct 24, 2020 at 22:04

answered Oct 24, 2020 at 21:45

dazed-and-confused

1,3332 gold badges12 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Malo Over a year ago

i need to select multiple option in my drop down

Collectives™ on Stack Overflow

php select control change layout

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related