无法设置属性&inner;内部HTML' null

时间:2016-01-25 14:42:35

标签: javascript ajax

我正在使用ajax过滤专业列表中的专业。但它问我这个错误:无法设置属性&inner;内部HTML'为null。 ajax代码是:

 <script type="text/javascript">
var req;
function filtro_pesquisa(valor) {   

if(window.XMLHttpRequest) 
{ 
req = new XMLHttpRequest(); 
} 
else if(window.ActiveXObject) 
{ 
req = new ActiveXObject("Microsoft.XMLHTTP"); 
}  
var url = "pesquisa.php?valor="+valor;   
req.open("Get", url, true);   
req.onreadystatechange = function() {   
if(req.readyState == 1) 
{ document.getElementById('col-md-4').innerHTML = 'A procurar...'; 
}   
if(req.readyState == 4 && req.status == 200) 
{
document.getElementById('col-md-4').innerHTML = '';
var resposta = req.responseText;   
document.getElementById('col-md-4').innerHTML = resposta; 

} 
} 
req.send(null); 
}
</script>

研究形式是:

 <form class="navbar-form" role="search">
        <div class="input-group" style="margin-bottom: 10px;">
                     <h5 style="color:black;"> Encontre um profissional</h5>
                        <div class="input-group">
                        <input type="text" class="form-control" placeholder="Profissão" name="profissao" id="profissao" oninput="filtro_pesquisa(this.value);" autocomplete="off">
                        <span class="input-group-btn">
                         <button class="btn btn-default" type="button">Pesquisar</button>
                        </span>         
        </div>
        </form>

我仍然拥有pesquisa.php文件以及&#34; col-md-4&#34;中的列表代码。 div类。 当我尝试进行搜索时,我出现了一个错误。谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

col-md-4应该是一个类,而不是id。它也没有在你的标记中找到。