jQueryのonメソッド---将来の要素にイベントを追加

<li class='clear dir-li'>

    <div class='left title'>　     ：</div>

    <div class='left item' id='dir-ctrl-dv'>

        <if condition="$dirs neq ''">

            <select act-v='1' act="{:U('Content/getDirs')}" class='input dir-ctrl select' title='  ' name="dir">

                <option value="0">     </option>

                <foreach name='dirs' item='v'>

                    <option value="{$v}">{:str_replace('../','',$v)}</option>

                </foreach>

            </select>

　　　　　　　

　　　　　　　<select act-v='1' act="{:U('Content/getDirs')}" class='input dir-ctrl select' title='  ' name="dir">

                <option value="0">     </option>

                <foreach name='dirs' item='v'>

                    <option value="{$v}">{:str_replace('../','',$v)}</option>

                </foreach>

            </select>

　　</div>
</li>

以上のように構成されています.赤い部分が将来の要素であると仮定します.

$(".dir-li #dir-ctrl-dv").on('change','.dir-ctrl',function () {

      #....code          

}

これにより、将来の要素にイベントが追加されます.