2013-04-18 26 views
0

編碼檢索數據..如何將數據庫中檢索到的數據設置爲div內容?

腳本

function querySuccess(tx, results) 
      { 
        var len = results.rows.length; 
        console.log("DEMO table: " + len + " rows found."); 
        for (var i=0; i<len; i++) 
        { 
         console.log("Row = " + i + " name= " + results.rows.item(i).name+ " address= " + results.rows.item(i).address+ " roll_no= " + results.rows.item(i).roll_no); 
         document.getElementById("list_view").innerhtml = results.rows.item(i).name; 
        } 
      } 

HTML

<div id="list_view" style="float:left; width:100%; padding:0px; margin:0px;"> 
       <ul style="float:left; width:100%; list-style:none; padding:0px; margin:0px;"> 
        <div style=" border-bottom-color:#CCCCCC; border-bottom:ridge; "> <li style="font-size:18px"></li></div> 
       </ul> 
      </div> 
    </body> 
</html> 

我是正確? * 如何將從數據庫檢索到的數據設置爲div內容? *

+0

分離_「對嗎?」 _ - 那麼當你嘗試它時發生了什麼? (我猜這是行不通的,因爲你在每個循環迭代中都設置了相同元素的錯誤小寫'innerhtml'屬性 - 每次迭代需要添加到內容中,而不是覆蓋它。) – nnnnnn

+0

不使用innerHTML innerhtml –

+1

將innerHTML設置爲任意值就是要求麻煩。這將繼續覆蓋循環內的相同元素。 –

回答

2
document.getElementById("list_view").innerhtml = results.rows.item(i).name; 

成爲

document.getElementById("list_view").innerHTML = results.rows.item(i).name; 

附:我看到

<divid="list_view"...> 

也許它只是在這裏SO一個偶然的錯誤,但嘗試檢查,如果「身份證」從「格」而不是「DIVID」

+0

Alberto Fecchi,謝謝你,我會檢查出來!!是的,我注意到它並改變了它。 – user

+0

Alberto Fecchi,它的工作!! ...你能告訴我,我們應該如何添加功能的文字,如** BOLD,文本對齊:中心**和所有... ??我有所有這些在RESPECTIVE標籤,但它不採取這個屬性..... **我還沒有嘗試出列表視圖** – user

相關問題