2016-02-13 58 views
-1

這是3天前我們在JavaScript類中做的練習。我們的教授想要的是,如果點擊「like」/「comment」/「share」,它會被着色,如果再次點擊它會回到原來的顏色 - 就像Facebook的類型一樣...所以無論如何,我確實得到了那部分。但他也希望,如果在文本框中輸入了某些內容並按下了「發送評論」,他希望它出現在上面或我製作的div上的空白處 - - 但我沒有得到那部分,他從不告訴我們他是如何,只是檢查,並記錄了我們能夠做到。所以我想了解它,實際上理解它...從div函數內的文本框發送文本

img1 img2

+0

那麼,你的問題具體是什麼? –

+0

基本上我想要什麼鍵入文本框出現/發送到我的div - 我該怎麼做呢? @Elogent –

+0

如果您有類似//comment/share部分的工作,您必須知道實現事件處理程序的基礎知識。因此,在「發送評論」中添加一個單擊事件處理程序,並獲取輸入元素的值。從圖片看起來就像關閉了:只需在元素引用的末尾添加'.value'。如需更多幫助,請[編輯]您的問題以顯示您已擁有的代碼。 – nnnnnn

回答

1

你已經代碼嘗試是非常接近。問題是,這條線:

var text = document.getElementById('Coms') 

...讓你的「COMS」文本框本身的引用,它沒有得到它的價值。這就是爲什麼在你的圖片中顯示文本「[object HTMLInputElement]」。

爲了得到這樣的輸入你所需要的。價值屬性的表單元素的值:

var text = document.getElementById('Coms').value; 

在你的全功能方面:

function myFunction3(){ 
    var text = document.getElementById('Coms').value; 
    document.getElementById("Div3").innerHTML = text; 
} 
0
<div id="text"></div> 
<form> 
    <input type="text" id="textcontent"></input> 
    <input type="button" onclick="getdata()" value="Send comment"></input> 
</form> 
<script type="text/javascript" src="jquery-1.11.1.min.js"></script> 
<script type="text/javascript"> 
function getdata(){ 
    var textdata = document.getElementById('textcontent').value; 
    alert(textdata); 
    console.log(2); 
    $('#text').text(textdata); 
} 
</script> 

該代碼將有助於你我認爲