简体   繁体   English

表格下拉选项不符合Div

[英]Table drop down selections not respecting Div

I have a container Div and within this I have a number of tables, the tables don't respect the div container size when I have a drop down menu being called. 我有一个容器Div,在其中有许多表,当我调用下拉菜单时,这些表不符合div容器的大小。 I cannot figure this one out, If I display the class the drop down filters are on to block, it respects the div. 我无法弄清楚这一点,如果我显示下拉过滤器要阻止的类,则它会尊重div。 If i display it inline it ignores it! 如果我以内联方式显示它,则将其忽略! and over flow the container. 并让容器溢出。 Please help! 请帮忙!

<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>

Your table is close before including the <input> and the <script> tags. 在包含<input><script>标记之前,表已关闭。 You have a rogue </td> and </tr> . 您有流氓</td></tr> Move </table> after the last </tr> . </table>移动到最后一个</tr>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM