The on method in JQuery-----add events to future elements

 <li class  = ' Clear Dir-li ' > <div  = ' Left title ' > Added to directory:</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= ' directory ' name= ' dir ' > <option value= ' 0 ' > Please select Directory </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= ' directory ' name= "dir" >                < Option value= "0" > Please select Directory </option>                <foreach name= ' dirs ' item= ' V ' >                    <option value= ' {$v} ' >{ : Str_replace ('.. /', ', $v)}</option>                </foreach>            </select>

</div>
</li>

Structure as above: assuming that the red part is the future element

$ (". Dir-li #dir-ctrl-dv"). On (' Change ', '. Dir-ctrl ',function  () {      #.... code          }

This adds an event to the future element.

The on method in JQuery-----add events to future elements