PHP & HTML : how to create dynamic drop down list

Question

I have a little problem.

I'm searching the internet now for quite some time to find a proper solution but I was not successful so far.

This is what I want :

First, I choose Category
Then, in second selection contain all the store result from category selection.

this is my first drop down list which is contain Category :

<select name="category" class="form-control" id="select1">
    <option value="-1"> - Choose One -</option>
         <?php
           $StoreCategoriesAPIAccessor = new StoreCategoriesAPIService(GuzzleClient::getClient());
           $stores = $StoreCategoriesAPIAccessor->getStoreCategories();
           foreach ($stores as $store):      
         ?>
     <option value="<?php echo $store->getStoreCategoryId(); ?>"><?php echo $store->getCategory(); ?></option>
         <?php endforeach; ?>
 </select>

this is my second drop down list :

<select name="category" class="form-control" id="select2">
    <option value="-1"> - Choose One -</option>
         <?php
            $StoreAPIAccessor = new StoreAPIService(GuzzleClient::getClient());
            $stores = $StoreAPIAccessor->getStores();
            foreach ($stores as $store):      
         ?>
         <option value="<?php echo $store->getStoreId(); ?>"><?php echo $store->getStoreName(); ?></option>
          <?php endforeach; ?>
</select>

Anyone know how to implement dynamic drop down list for this case ?

What does the StoreAPIService class look like?

Steve
– Steve

2015-01-21 19:03:52 +00:00
Commented Jan 21, 2015 at 19:03 — Steve
– Steve, Commented Jan 21, 2015 at 19:03

Populus · Accepted Answer · 2015-01-21 21:13:52Z

1

Well first of all I'd like to ask that you separate business logic from view logic as much as possible, so I will do that in this answer.

Secondly, the 2nd dropdown box logic that you have does not contain anything that would retrieve stores for a given category, I will therefore make some assumptions and you can adjust based on that.

<?php
$StoreCategoriesAPIAccessor = new StoreCategoriesAPIService(GuzzleClient::getClient());
$categories = $StoreCategoriesAPIAccessor->getStoreCategories();

if (!empty($_GET['category'])) {
    $category_id = $_GET['category'];
    $StoreAPIAccessor = new StoreAPIService(GuzzleClient::getClient());
    $stores = $StoreAPIAccessor->getStores($category_id); // Assumption, the call to getStores() accepts category_id as a parameter
} else { // Optional as you don't need to declare variables in PHP, but its better practice to do so
    $category_id = null;
    $stores = array();
}
?>
<select id="select_category" name="category" class="form-control" onchange="window.location='?category=' + this.value">
    <option value="">- Choose One -</option>
    <?php foreach ($categories as $category): ?>
        <option value="<?php echo $category->getStoreCategoryId() ?>"><?php echo $category->getCategory() ?></option>
    <?php endforeach ?>
</select>

<select id="select_store" name="store" class="form-control"<?php echo $category_id == null ? " disabled='disabled'" : "">
    <option value="">- Choose One -</option>
    <?php foreach ($stores as $store): ?>
        <option value="<?php echo $store->getStoreId() ?>"><?php echo $store->getStoreName() ?></option>
    <?php endforeach ?>
</select>

edited Jan 21, 2015 at 21:13

answered Jan 21, 2015 at 18:50

Populus

7,7003 gold badges41 silver badges56 bronze badges

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

2 Comments

Steve Over a year ago

foreach ($stores as $store): will throw an error if $stores is null. Perhaps foreach ($stores?:array() as $store): or set $stores to an empty array in your else clause

Populus Over a year ago

@Steve yea setting it to an array is better :)

Collectives™ on Stack Overflow

PHP & HTML : how to create dynamic drop down list

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related