在DropdownList中将一个元素移动到第一个元素

Question

我列出了这个城市的城镇待遇：

<select id="townid" name="townid">
 <option selected="selected" value=""><s:text name="Choose One"/></option>
 <s:iterator value="townsForLanding">
  <option value="<s:property value="id"/>" <s:if test="id == townid">selected="selected" </s:if>>
  <s:property value="name"/></option>
 </s:iterator>
</select>

一个城镇的名字之一是'中环'。我用struts2从数据库中获取该列表。我希望名为'Central'的小镇应该在下拉列表中的第一个（实际上在'Choose one'之后）。（解决方案可能使用jQuery和JavaScript）

我该怎么做？

Answer 1

例如：

$('option:contains("Central")').insertAfter('select option:first-child');

演示： http://jsfiddle.net/x4bMa/