javascript - PHP 和 MySQL 的多列下拉菜单

Question

我需要一个包含多列的下拉菜单。 options 中的数据来自使用 PHP 的 MySQL。这是我的代码

$query = mysql_query("SELECT *FROM accounts");

    <select class="form-dropdown validate[required]" style="width:515px;" id="accountTitleOptions" name="accountTitle-options">
            <option selected value="--- Select Option ---"> --- Select Option --- </option>
            <?php while ($row = mysql_fetch_assoc($query)) { ?>
            <option><?php echo $row['accountTitle'] ?> <?php echo $row['accountNumber'] ?></option>
            <?php } ?>
    </select>

这就是我的代码输出的样子:

Karachi Traders 692700001
Zulfiqar Ahmad 692700002
Mian Sarfaraz 692700003
Malik Younus Commission Shop 692700004
Farhan Ashraf Commission Shop 692700006

My result .

但是我想要的是像这样正确组织的下拉列表

Karachi Traders                         692700001
Zulfiqar Ahmad                          692700002
Mian Sarfaraz                           692700003
Malik Younus Commission Shop            692700004
Farhan Ashraf Commission Shop           692700006

我尝试了很多解决方案，但仍然没有给我想要的输出。

Answer 1

一种方法(纯文本方法):

• 使用monospaced font
• 计算每个项目的字符数
• 将多个空格与每个项目连接起来，等于 (max_no_of_chars - no_of_chars)
• 然后连接您的号码

希望对你有帮助