2012-09-01 54 views
0

我有一個ajax腳本,它從Web服務獲取結果並將它們顯示在div中,但我希望它們顯示在輸入區域/文本字段中。獲取結果顯示在窗體/文本框

我的主要腳本:

<script type="text/javascript"> 
    function get_CODES_Results() { 
     document.getElementById("results").innerHTML = "<img src=\'loading.gif\' />"; 
     var url = document.location; 
     if (window.XMLHttpRequest) req = new XMLHttpRequest(); 
     else if (window.ActiveXObject) req = new ActiveXObject("Microsoft.XMLHTTP"); 
     req.onreadystatechange = processRequest; 
     //req.open("GET", url, true); 
     //req.send(null); 
     req.open("POST",url,true); 
     req.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
     req.send("codes="+document.getElementById("codes").value); 
     function processRequest() { 
     if (req.readyState == 4) { 
      document.getElementById("results").innerHTML = req.responseText; 
     } 
     } 
    } 
</script> 

這裏那裏正在顯示它的區域:

<p> 
    <h3>Results:</h3> 
    <div id="results"></div> 
</p> 

我的問題:

我如何能實現我的結果顯示在輸入/文本字段?

一些意見,將不勝感激 - 謝謝你,帕特里克

+0

你能在輸入/文本字段直接使用req.responseText?或者你需要提取值從req.responseText填充? –

+0

我需要將響應/結果直接顯示在輸入區域/文本框中。 –

+0

你有沒有考慮過使用像[jQuery](http://jquery.com/)這樣的庫來提出這些請求? –

回答

2

試試這個:

document.getElementById("results").value = req.responseText; 

然後你的結果應該是輸入:

<input type="text" id="results" /> 
+0

非常感謝,完美的作品! –

2

呢?

document.getElementById("results").value = req.responseText; 

<input id="results" type="text" /> 
+0

謝謝你,你的解決方案工作得很好! –

2

假設這是你的文本字段:

<input type="text" id="whatever" value="" /> 

只需設置響應其價值:

document.getElementById('whatever').value = req.responseText; 
+0

謝謝編碼器 - 解決方案似乎工作正常。我想知道如果我可以將我的結果添加到默認值?基本上我想在我的字段中使用默認值(例如mystore.com)並將結果添加到其中。基本上:mystore.com/resultfromajaxscript –

+1

document.getElementById('whatever')。value ='mystore.com/'+ req.responseText; –

+0

如果之前已經設置了該值,那麼您可以使用'document.getElementById('whatever')。value + = req.responseText;'或者'document.getElementById('whatever')。value ='mystore.com/' + req.responseText;' – Coder

相關問題