需要移动下拉框搜索的位置

时间:2013-12-16 22:12:59

标签: javascript html

我正在开发一个B2B网站,该网站有4个不同类别的下拉框,可帮助用户缩小对特定产品的搜索范围。以下是目前的代码:

<tbody><tr class="CategorySearchResults_ItemPropertyRow">
<td class=CategorySearchResults_ItemPropertyName">Brand </td>
<td class=CategorySearchResults_ItemPropertyValue">
<select name="ItemProperty_Brand" onchange="Category_Search_Results_Content.submit();">
<option value="Any Brand">Any Brand</option>
<option value="AC DELCO">AC DELCO</option>
.... and so on for more options and three other boxes...
</tbody>

现在,下拉框垂直堆叠在我的页面底部。我只需要一个脚本,它可以帮助我将下拉框水平重新定位在网页顶部。这个位置就在这张桌子下面:

<table class="Content" border="0" cellpadding="0" cellspacing="0">
                             ...............
<tbody><tr><td><div class="BreadCrumbcategorytree_activepage"> 
<a class="BreadCrumbcategorytree_parent" href="default.aspx?Page=Home">Home</a>     
&gt;&gt; Lubricants and Fluids</div></td></tr>
</tbody></table>

我尝试使用函数按类将元素追加到BreadCrumbcategorytree_parent的末尾,但我不知道这是否正朝着正确的方向发展。

1 个答案:

答案 0 :(得分:0)

CSS也会影响元素在页面上的显示方式。您可以使用浮动将它们并排放置。

select { float:left }

这将使你的所有下拉列表排成行(内联),直到单行上的空格用完并换行。