How do I make a column inside select option in HTML/PHP? - php

Question

So, I have a select option HTML where the data is got from json_decode(file_get_contents("myAPI.com")) and it looked like this:
note : the - is how I divide each data manually.
As you can see, the result is not neat, so tight, and hard to read.
I've tried using Javascript like this :
var spacesToAdd = 5;
var biggestLength = 0;
$("#pks_bank option").each(function(){ var len = $(this).text().length;
if(len > biggestLength){
biggestLength = len;
} }); var padLength = biggestLength + spacesToAdd;
$("#pks_bank option").each(function(){
var parts = $(this).text().split('+');
var strLength = parts[0].length;
for(var x=0; x<(padLength-strLength); x++){
parts[0] = parts[0]+' ';
}
$(this).text(parts[0].replace(/ /g, '\u00a0')+'+'+parts[1]).text; });
But the result is getting worse and farther like this :
Below is my select option code :
<select name='pks_bank' id='pks_bank' data-widget='select2' class='multisel'
style='width:65%; padding-bottom:5px;padding-top:5px;'>
<option value='no'>- Pilih PKS Bank - </option>
<?php
foreach ($list_pks_bank as $data) {
$id_wok = $data->PKS1 . '/' . $data->PKS2 . '/' . $data->PKS3 . '/' . $data->PKS4;
$wok = $data->NMBNK . ' - ' . $data->NOPKS1 . ' - ' . $data->NOPKS2;
echo "<option value='" . $data->PKS2 . "'>" . ucwords(strtoupper($wok)) . "</option>";
}
?>
</select>
How do I make a column inside select option in HTML/PHP? So it would be like this :
In .NET I can give the Combo Box Column > ListBoxColumn property