小编use*_*243的帖子

我有一个下拉列表,会显示我需要在禁用JavaScript的浏览器中提交表单的电话号码.

目前我正在做以下事情:

<form action="/servlet/myservlet" method="GET">
    <select name="myselect" id="myselect" onchange="this.form.submit()">
        <c:forEach items="${mydata.phoneNumbers}" var="phoneNumber">
            <option value="${phoneNumber}">${phoneNumber}</option>
            </c:forEach>

或者是否有任何方法可以通过禁用JavaScript的以下引导代码实现相同的功能

<button class="dropdown-toggle" type="button" id="prefix-num" data-toggle="dropdown"> ${mydata.phoneNumber}</button> <ul class="dropdown-menu dropmenu-menu-custom" role="menu" aria-labelledby="prefix-number-1"> <c:forEach items="${mydata.phoneNumbers}" var="phoneNumber"> <li><a href="/servlet/myservlet" class="changeNumber" role="menuitem">${phoneNumber}</a></li> </c:forEach> </ul> 

但是,一旦我点击下拉值表单就没有提交.

我们在AEM 6.2中使用模板编辑器来创建模板,我们按照以下步骤创建模板 -

1.处理页面模板,如我们零售网站所做.2.使用上面的页面模板创建空页面模板.3.使用空页面模板处理模板.

根据我们的要求,我们在零售页面组件之上进行了以下修改 -

1. 因为我们需要将页眉和页脚作为全宽度解析,即1340宽度和正文为940宽度 -

   .site-wrapper {width:1340px; } .container {width:940px; }

所以我们在/apps//components/structure/page/partials/body.html中进行了以下修改 -

<div class="site-wrapper">
<div  data-sly-resource="${ @ path='header', resourceType='/apps/<projectname>/components/structure/header'}" 
data-sly-unwrap>
</div>
    </div>
    <div class="container"
       data-sly-use.templatedContainer="com.day.cq.wcm.foundation.TemplatedContainer">
       <sly data-sly-repeat="${templatedContainer.structureResources}"
          data-sly-resource="${item.path @ resourceType=item.resourceType, decorationTagName='div'}" />
    </div>
    <div class="site-wrapper">
    <div  data-sly-resource="${ @ path='footer', resourceType='/apps/<projectname>/components/structure/footer'}" data-sly-unwrap></div>
    </div>

此外,我们还有更多的组件将占据页面的全宽,所以我在全宽div下添加了responsivegrid组件.

但我无法编辑模板中的页眉和页脚组件,因为它们不在templateresource下.

即使我在页眉和页脚下添加设计对话框,我也无法在设计模式下直接在页面上编辑这些组件,即使它们已解锁.

如果我在这里做错了或者我们不能像在我们的零售网站那样定制body.html,请告诉我.

我想过为全宽和身体使用不同的parsys.我不想控制使用CSS,因为我有多个全宽的组件.

关心Ankur