JS：如何將文本框中的值打印到屏幕中？

我想在窗體的文本輸入類型內打印一個值到屏幕上。當我按一下按鈕，然後dissapearJS：如何將文本框中的值打印到屏幕中？

<input type="text" name="pesos" value=""> 
<button onclick="conversorMonedas()">Convertir!</button> 
<p id="resultado"></p> 

function conversorMonedas() { 
    var pesos = document.getElementById("pesos"); 
    document.getElementById("resultado").innerHTML = pesos.value; 
}

在控制檯上的錯誤顯得相當簡單，但我一定要閱讀它說，pesos.value爲空。

如何打印出我寫入文本框的內容？謝謝！

來源

2016-02-11 Rosamunda

您沒有id比索的元素。添加ID到您的輸入：

<input type="text" name="pesos" id="pesos" value="">

來源

2016-02-11 19:29:08 Blady214

通過使用

var pesos = document.getElementById("pesos");

要查詢的東西，有id屬性設置爲pesos，看着你的HTML代碼，你不是要設置的id您<input>

只需添加它，它應該是這樣的：

<input type="text" id="pesos" name="pesos" value="">

來源

2016-02-11 19:33:23 FredMaggiowski

沒有id比索的元素。因此，無論是添加ID =「比索」輸入或修改您的函數中使用getElementByNames作爲

$scope.conversorMonedas = function() { 
    var pesos = document.getElementsByName("pesos")[0]; 
    document.getElementById("resultado").innerHTML = pesos.value; 
}

但這可能不會在情況下工作，你有這個名稱相同的多個元素

來源

2016-02-11 19:36:57 Nijeesh

-1

我覺得你接近，但你忘記了將表單封裝在適當的表單標籤中。考慮改爲：

<form name="form_one" action="#"> 
    <input name="pesos" type="text" /><br> 
    <input type="button" onclick="conversorMonedas()" /> 
</form> 

<p id="resultado"></p> 

function conversorMonedas() { 
    var pesos = document.form_one.pesos.value; 
    document.getElementById("resultado").innerHTML = pesos; 
}

我相信應該工作。

來源

2016-02-11 19:49:27 siphr

JS：如何將文本框中的值打印到屏幕中？

回答

相關問題