размещение meta_values ​​в списке

В настоящее время я создаю сайт, который позволяет владельцу выбирать уровни для характеристик автомобилей. У меня есть код, настроенный для вывода выбранных значений. Однако мне нужно, чтобы они выводили их как отдельные элементы списка. В настоящее время он выводится как 3,4,5

Смотри ниже:

function armoring_specs() { # set global variables global $post; # db creds $DB_NAME = 'armoredc_webS1t32016'; $DB_USER = 'armoredc_siteAdm'; $DB_PASSWORD = '}Nqtz86Fez2r'; $DB_HOST = 'localhost'; $link = mysqli_connect($DB_HOST,$DB_USER,$DB_PASSWORD,$DB_NAME); if(!($link)) { echo "Error Connecting to the Database ".mysqli_connect_error(); } else { # select vehicle based on posting id $get_vehicle_details = "SELECT post_id,meta_key,meta_value FROM wp_postmeta WHERE post_id = '".$post->ID."'"; $get_vehicle_details_result = $link->query($get_vehicle_details); # loop through results while($row = $get_vehicle_details_result->fetch_assoc()) { # identify meta_key you want and assign value if($row['meta_key'] == 'euro-norm'){$euro_norm = $row['meta_value'];}; if($row['meta_key'] == 'nsa'){$nsa = $row['meta_value'];}; if($row['meta_key'] == 'nij'){$nij = $row['meta_value'];}; if($row['meta_key'] == 'ul-armor-level'){$ul_armor_level = $row['meta_value'];}; if($row['meta_key'] == 'vpam'){$vpam = $row['meta_value'];}; } # assign vehicle data $vehicle_data = ' <div class="armored-level"> <div class="title">Available Armoring Levels</div> <div class="armor-badge"> <a href="#euro" class="fancybox"> <span class="img-badge"><img src="http://img.wordpressask.com/php/euro.png"></span> <div id="euro" style="max-width: 1000px; display: none;"> <img src="http://img.wordpressask.com/php/CEN-10631.png" alt="european committee for standardization" /> </div> <ul> <span>Up to</span> <li>'. $euro_norm .'</li> </ul> </a> </div> <div class="armor-badge"> <a href="#nsa" class="fancybox"> <span class="img-badge"><img src="http://img.wordpressask.com/php/nsa.png"></span> <div id="nsa" style="max-width: 1000px; display: none;"> <img src="http://img.wordpressask.com/php/STANAG-45691.png" alt="nato standardization agency" /> </div> <ul> <span>Up to</span> <li>I</li> <li class="active">II</li> <li>III</li> <li>IV</li> </ul> </a> </div> <div class="armor-badge"> <a href="#nij" class="fancybox"> <span class="img-badge"><img src="http://img.wordpressask.com/php/nij.png"></span> <div id="nij" style="max-width: 1000px; display: none;"> <img src="http://img.wordpressask.com/php/NIJ-01081.png" alt="national institute of justice" /> </div> <ul> <span>Up to</span> <li>II</li> <li>IIIA</li> <li class="active">III</li> <li>IV</li> </ul> </a> </div> <div class="armor-badge"> <a href="#ul" class="fancybox"> <span class="img-badge"><img src="http://img.wordpressask.com/php/ul.png"></span> <div id="ul" style="max-width: 1000px; display: none;"> <img src="http://img.wordpressask.com/php/UL-7521.png" alt="UL" /> </div> <ul> <span>Up to</span> <li>2</li> <li class="active">3</li> <li>SG</li> </ul> </a> </div> <div class="armor-badge"> <a href="#vpam" class="fancybox"> <span class="img-badge"><img src="http://img.wordpressask.com/php/vpam.png"></span> <div id="vpam" style="max-width: 1000px; display: none;"> <img src="http://img.wordpressask.com/php/VPAM-BRV-20091.png" alt="vpam" /> </div> <ul> <span>Up to</span> <li>VR4</li> <li class="active">VR6</li> <li>VR7</li> <li>VR9</li> </ul> </a> </div> <div class="status"> <ul> <li><span class="available"></span> Available</li> <li><span class="not-available"></span> Call for Details</li> </ul> </div> </div>'; } # close db mysqli_close($link); # return vehicle data results echo $vehicle_data; }