Jquery 是否可以在表单下拉列表中创建列?

Jquery 是否可以在表单下拉列表中创建列?,jquery,html,css,Jquery,Html,Css,有人知道在表单下拉列表中创建对齐列的解决方案吗 也许是css 跨浏览器会很方便。。。 e、 g 约翰·史密斯(24岁)美国 约翰尼·维加斯| 34 |英国 Andrew Townsend | 34 |加拿大 竖条只是柱对齐的表示形式 希望这是有意义的它不能用css来完成,你可以添加空格来缩进它,就像你对问题所做的那样 <select size="1"> <option> John Smith &thinsp; &thinsp; &thi

有人知道在表单下拉列表中创建对齐列的解决方案吗

也许是css

跨浏览器会很方便。。。 e、 g


约翰·史密斯(24岁)美国
约翰尼·维加斯| 34 |英国
Andrew Townsend | 34 |加拿大
竖条只是柱对齐的表示形式


希望这是有意义的

它不能用css来完成,你可以添加空格来缩进它,就像你对问题所做的那样

<select size="1">
    <option> John Smith &thinsp; &thinsp; &thinsp; &thinsp;&thinsp;&thinsp;&thinsp;&thinsp;  | 24 | United States</option>
    <option> Johnny Vegas&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp; &thinsp;| 34 | United Kingdom</option>
    <option> Andrew Townsend | 34 | Canada</option>
</select>​​​​​​​​​​​​​

约翰·史密斯和廷普&thinsp&thinsp&thinsp&thinsp&thinsp&thinsp&thinsp;|24 |美国
约翰尼·维加斯和廷普&thinsp&thinsp&thinsp&thinsp&thinsp&thinsp&thinsp;|34 |联合王国
Andrew Townsend | 34 |加拿大
​​​​​​​​​​​​​

如果您担心以库的形式向页面加载中添加额外的请求,那么最好的方法是使用CSS创建一个ul li可视自定义下拉列表,并将单击事件附加到每个li以操纵隐藏的选择。使用CSS和jQuery/javascript非常容易(我更喜欢jQuery,因为它打字少,而且我已经习惯了)。

gdoron让我思考了一下,所以我为后来发现这个线程的人写了一篇PHP快速攻略

$name = str_replace("_", "&nbsp;", str_pad($name , 50 ,"_"));
我相信在php中还有其他方法可以做到这一点

非常确定这会在跨浏览器测试中起作用

确保你的风格

select style="font-family: monospace;" 

你可能还需要一种固定宽度的字体。你说得对。。但是数据是动态的,所以我不知道长度。。你认为我可以用PHP吗?@Webby。可以在客户端或服务器端完成,每种方式都可以。谢谢!这帮助我用php创建了一个解决方案。。请参阅答案如果您想要干净的多列功能,最好使用自定义组合框控件而不是浏览器内置控件。有一些自定义库实现了这样的功能。您应该使用由div或其他HTML元素创建的自定义下拉列表。并通过JavaScript定义它的事件,使其看起来像一个奇特的下拉列表
select style="font-family: monospace;"