<p>所以基本上我正在运行一个 mysql 查询，该查询从我的数据库中获取数据并以易于用户阅读的布局显示它。</p> <pre class="brush:php;toolbar:false;">Name-----Address----Sales Person</pre> <p>你明白了要点。现在我想让用户按销售人员对 html 表进行排序。我如何使用下拉菜单轻松做到这一点？</p> <p><br /></p> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class='menu'&gt; &lt;ul&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Sales Person&lt;/span&gt;&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Melissa&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Justin&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Judy&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Skipper&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Alex&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;</code></pre> <p><br /></p>

<script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>

<table class="sortable">
  <tr>
    <th>Name</th>
    <th>Address</th>
    <th>Sales Person</th>
  </tr>

  <tr class="item">
    <td>user:0001</td>
    <td>UK</td>
    <td>Melissa</td>
  </tr>
  <tr class="item">
    <td>user:0002</td>
    <td>France</td>
    <td>Justin</td>
  </tr>
  <tr class="item">
    <td>user:0003</td>
    <td>San Francisco</td>
    <td>Judy</td>
  </tr>
  <tr class="item">
    <td>user:0004</td>
    <td>Canada</td>
    <td>Skipper</td>
  </tr>
  <tr class="item">
    <td>user:0005</td>
    <td>Christchurch</td>
    <td>Alex</td>
  </tr>

</table>