Tabindex u dinamički kreiranim elementima

[jddipqd]

Imam html formu, recimo ovako nešto

<form action="blabla" method="post">
    <input type="text" id="f_1" name="f_1" tabindex="1" />
    <input type="text" id="f_2" name="f_2" tabindex="2" />
    <div id="dynamic_container"></div>
    <input type="submit" id="submit_btn" tabindex="50" />
</form>

E sada, u nekom trenutku javascriptom u dynamic container ubacim određene elemente

<input type="text" id="fd_1" name="fd_1" tabindex="10" />
<input type="text" id="fd_2" name="fd_2" tabindex="11" />

Međutim, iako je novim elementima eksplicitno definisan tabindex, oni ne ulaze tim redosledom u tab order, već dođu na kraj (pretpostavljam da je to zato jer se redosled tabovanja određuje onload stranice).
Da li je moguće ubaciti ove elemente u tab order na mesta koja im definišu tabindexi?

Takođe, ova dva elementa mogu kasnije da se obrišu, a umesto njih može da dođe n drugih (i sve to bi trebalo da se reflektuje na tab order).

 

[IgorHW]

Nemam celi js code da isprobam sta se desava sa tabindexima ali mozda browser vec zauzme pozicije 10 i 11 koje si ti hteo da iskoristis pa dodeli prve slobodne vrednosti nakon 10 tj. 11. Zato probaj da stavis neki veci broj za tabindexe, npr kreni od 1001 umesto od 1.