Скрипт меняет значение поля только с задержкой

<script>    
//////////////////////////////////////////////////////////////////////////////////////
function izmenenie_zavisimogo_pola(){
document.getElementsByName("test")[0].value=22;
}
 
///////////////////////////////////////////////////////////////////////////////////////////
function open_list(id)
{ 
 
 var t =  document.getElementById(id)
 t.style.display==''?t.style.display='none':t.style.display='';
 
show_list();
 
alert("delay");
izmenenie_zavisimogo_pola();
    
return false
}
 
///////////////////////////////////////////////////////////////////////////////////////////
    function createRequestObject()   
    {  
        try { return new XMLHttpRequest() }  
        catch(e)   
        {  
            try { return new ActiveXObject('Msxml2.XMLHTTP') }  
            catch(e)   
            {  
                try { return new ActiveXObject('Microsoft.XMLHTTP') }  
                catch(e) { return null; }  
            }  
        }  
    } 
////////////////////////////////////////////////////////////////////////////////////////
 
///////////////////////////////////////////////////////////////////////////////////////
function show_list() {
var link='test2.html';
 
var http = createRequestObject();
 
     if(http)   
        {  
            http.open('get', link);  
            http.onreadystatechange = function ()   
            {  
            if(http.readyState == 4)   
                {  
                    document.getElementById("2").innerHTML = http.responseText;  
                            
                }  
            }  
            http.send(null);      
        }  
        else   
        {  
            document.location = link  
        }  
            
}
///////////////////////////////////////////////////////////////////////////////////
</script>
 
 
<a onclick="open_list(1);">Open+</a>
<div id="1" style='display: none;'>
<div id="2"></div>
</div>

<input type=text name="test" value="0" size=4>

<script type="text/javascript">
 
function create_textbox_dom(node){
 
    var tb = document.createElement('input');
    
    tb.setAttribute('type', 'text');
    tb.setAttribute('name', 'test');
    tb.value = 'Создано!';
 
    node.appendChild(tb);
}
 
</script>
 
<div>
    <button onclick="create_textbox_dom(this.parentNode)">Создать текстовое поле через DOM</button>
</div>
 
<hr />
 
<script type="text/javascript">
 
function create_textbox_ihtml(node){
 
    node.innerHTML += '<input type="text" name="test" value="Создано!" />';
    
}
 
</script>
 
<div>
    <button onclick="create_textbox_ihtml(this.parentNode)">Создать текстовое поле через innerHTML</button>
</div>