Question

我想在屏幕上打印一个表单的文本输入类型中的值。

<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为空。

如何打印出我写入文本框的内容？谢谢！

Answer 1

你没有id比索的元素。将ID添加到您的输入中：

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

Answer 2

使用

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

您正在查询id属性设置为pesos的内容，查看您的HTML代码，但未设置id <{1}} < / p>

只需添加它，就应该是这样的：

<input>

Answer 3

没有id比索的元素。所以要么添加id =＆＃34;比索＆＃34;输入或修改您的函数以使用getElementByNames作为

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

但是如果您有多个具有相同名称的元素

，这可能不起作用

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

3 个答案: