表格下拉选择不符合Div

Table drop down selections not respecting Div

本文关键字:不符合 Div 选择 表格      更新时间:2023-09-26

我有一个容器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>

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