JavaScript - 中心的中心HTML列表

Question

我有一个下拉列表如下：

http://i.stack.imgur.com/Fx99T.png

每当选择一个选项时，我都希望这样。它位于列表的中心，即它自动居中，如下所示：

http://i.stack.imgur.com/MGygZ.png

每当用户选择一个选项时，灰色框会移到底部。我已经有了一个javascript，它会自动将选择提交给我要保留的数据库。

我仍然是javascript的新手。

这是我的代码的一部分：

echo '<form id="PrimaryCatForm" action="" method="post">';
echo '<select name="primary_cat" size="9" style="width: 400px;"
onChange="document.getElementById(\'PrimaryCatForm\').submit();"> ';

这就是我想要实现的目标

1. 保留onChange="document.getElementById(\'PrimaryCatForm\').submit();
2. 选择的大小为9 - 我希望每当选择一个选项时，它都会居中
3. 我希望选择保持有效，即由于onChange="document.getElementById(\'PrimaryCatForm\').submit()
而保持蓝色并且不会变为灰色

我想我可能找到solutuion here，但我不确定如何将其整合到我的问题中