动态下降问题在Php

Question

I have a dynamicdrop down, I am fetching options dynamically. Below is the code but option "selected" is not working in spite of giving it in first HTML tag. I want Select Category to be selected by default on page load.

My PHP code:

<?php  $decode = json_decode($str_json_format, TRUE); ?>
<select name="category" id="category" tabindex="6"> 
    <option value="1" selected>Select category</option>    
        <?php foreach($decode as $key => $value) { ?>
            <option value="<?php echo $value['category_id']; ?>"><?php echo $value['name']; ?></option>
        <?php } ?>
</select>

Answer 1

Remove selected from first Option:

<?php  $decode = json_decode($str_json_format, TRUE);   ?>
<select name="category" id="category" tabindex="6"> 
    <option value="1">Select category</option>    
     <?php foreach($decode as $key => $value) { ?>
         <option value="<?php echo $value['category_id']; ?>"><?php echo $value['name']; ?></option>
      <?php } ?>
   </select>

Answer 2

Your code generates the options so that the option you want is selected, which is confirmed by your image as well. Therefore you need to take a look at your client-side. You need to check whether disabling Javascript would leave you with the right option being selected. If so, then you have some Javascript code which ruins the behavior you so nicely implemented. If this is not the problem, then try to exclude your CSS rules to see whether something covers the selected option or whether the text is white and so long.