表格下拉选择不尊重Div

时间:2013-08-27 05:20:26

标签: javascript css html-table

我有一个容器Div,在这里我有很多表,当我有一个下拉菜单被调用时,表不尊重div容器大小。我无法想出这个,如果我显示类下拉过滤器打开阻止,它尊重div。如果我内联显示它会忽略它!并且过度流动容器。请帮忙!

<table cellspacing="0" cellpadding="1" border="0">
                <tr>               



<!--START: catFilter_Filter-->
                  <td class="item1"  style="border-right:1px solid #ccc;" >
                  <select name="catFilter" id="Select1" onchange="setCatFilter(this.value, document.frmsortby, false);">
                  <option value="">[catFilterName]</option>
                    <!--START: catFilter_Filter_Item--> 
                    <option value="[catFilterId]-*-[catFilterName]-*-[catFilterChildId]-*-[catFilterChildName]-*-[catid]-*-">[catFilterChildName] ([numItems])</option> 
                    <!--END: catFilter_Filter_Item--> 
                    </select></td>
                  <!--END: catFilter_Filter-->
                </tr>
              </table>
        <input type="hidden" name="hdnCatFilter" id="hdnCatFilter" value="[catFilter]" />
        <script type="text/javascript">
            function setCatFilter(strFilter, objForm, removeSubsequent)
            {
                if (removeSubsequent)
                {
                    //alert(strFilter);
                    objForm.hdnCatFilter.value = strFilter;
                }
                else
                {
                    objForm.hdnCatFilter.value = objForm.hdnCatFilter.value + '@' + strFilter;
                }
                //alert(objForm.hdnCatFilter.value);
                objForm.submit();
            }
            function removeCatFilter()
            {
                var objForm = document.frmsortby;
                objForm.hdnCatFilter.value = "";
                objForm.submit();
            }
        </script></td>
    </tr>

1 个答案:

答案 0 :(得分:0)

在包含<input><script>标记之前,您的表已关闭。你有一个流氓</td></tr>。在最后</table>之后移动</tr>