javascript - 单页上的Phonegap多个表格计算

Question

我在为我的应用程序创建工具时遇到问题，因为我有大约 50 个输入字段。我在dreamweaver 中创建了一个html5 文件，其中phonegap 构建文件正在真实设备和模拟器上正确呈现。我必须根据用户输入进行计算并显示在同一 html5 文件中的结果页面上。问题是我该怎么做我已经为它创建了一个 java 代码，但是 JAVASCRIPT 代码对我来说是新的，谁能告诉我如何从输入框中获取数据并将数据放入相应的 div 中？

任何教程都会非常有帮助。

Answer 1

您可以使用 jquery 遍历所有输入字段并将其附加到 div

var test="";
$('input[type=text], textarea').each(function() {
    alert($(this).val())
            test+=$(this).val();
});

// your div
$('#divid').append(test);

Answer 2

在 JAVASCRIPT 中，您可以通过input id or name. 最好的选择是Id。

从输入中获取价值document.getElementById('IdValue').value;

为 HTML 元素赋值document.getElementById('IdValue').value = "new value"

使用输入名称

从输入中获取价值document.getElementsByName('inputName').value

为 HTML 元素赋值document.getElementsByName('inputName').value = "new value"

或者

您可以使用 JQuery。在 JQuery 选择器中用于获取和设置值

获取价值 -$('selector').val() 设定价值 -$('selector').val('new value')

更多关于选择器