Crear nuevos textbox segun opción elegida de un select

[America|UNK]

El atributo ID solo se usa una vez, para la función getElementById si hay mas de 1 div con el mismo ID solo tomará el primero que encuentre, prueba:

Código Javascript:

function createTexts(sel) {
    var num = sel.text;
    if( !num ) num = sel.options[sel.selectedIndex].text;
    if( !num ) return;
    var html="<input type=\"text\" name=\"caja_de_texto[]\" />";
    num = parseInt( num );
    num = isNaN(num) ? 0 : num;
    sel.value = num;
    var dest = sel.parentNode.getElementsByTagName("div")[0];
    dest.innerHTML = '';
    for( i = 0; i < num; i++ ) {
         dest.innerHTML += html;
    }
}
 

Código HTML:

<div class="bloques">
    <select name="select1" onchange="createTexts(this)">
        <option value="" selected="selected">Seleccionar cantidad</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
    <div class="cajas"></div>
</div>
 
<div class="bloques">
    <select name="select2" onchange="createTexts(this)">
        <option value="" selected="selected">Seleccionar cantidad</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
    <div class="cajas"></div>
</div>