javascript - 不尊重 Div 的表格下拉选择

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

最佳答案

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

关于javascript - 不尊重 Div 的表格下拉选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18457522/

相关文章:

javascript - 在客户端过滤嵌套对象

javascript - p :commandButton only works with two clicks (JSF 2. 2 错误?)

javascript - $ ('textarea' ).rows 扩展/收缩

jquery - 如何使用 Jquery 卡住 HTML 表格的标题和列

HTML 表单输入/标签对齐

javascript - 手动关闭 getDisplayMedia 的 native 屏幕选择器

javascript - 如何使用 vue-chart.js 将 Chartjs-plugin-datalabels 用于特定图表

html - 从 HTML <li> 表单发送值

html - 想要一些标准的 CSS 编码

jquery - 更改下拉列表中的表行选择不起作用