tapestry-core/src/test/app1/MultiZoneUpdateInsideForm.tml

<t:border xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd">

    <h1>Multi Zone Update Inside Form Demo</h1>

    <form t:type="Form" t:id="form" t:clientValidation="none" action="#">
        <div class="form-group">
            <t:label for="selectValue1"/>
        </div>
        <select t:type="Select" t:id="selectValue1" t:validate="required" t:zone="select1ValueZone"
                t:context="selectContext"/>
        <t:zone t:id="select1ValueZone" visible="false">Show</t:zone>
        <t:zone t:id="select2ValueZone">
            <div class="form-group">
                <t:label for="selectValue2"/>
                <!-- Only necessary to "lock down" the clientId to facilliate the test. -->
                <select t:type="Select" t:id="selectValue2" clientId="selectValue2" t:validate="required"/>
            </div>
        </t:zone>
        <div class="form-group">
            <input type="submit" value="Update Form" class="bt btn-primary"/>
        </div>
    </form>
</t:border>