将HTML表单数据传递给Javascript函数

概述我创建了一个表单,其中有一个下拉菜单可供选择,还有三个其他文本字段供用户输入数据. 我需要对用户输入的数据执行计算,然后显示结果. 现在,我只想将结果传递给函数并打印结果.从那里我将弄清楚如何将这些输出显示到表中. 现在,我无法识别特定元素的价值.使用下拉菜单,我可以通过编写document.getElementById(“activity_level”).value来识别所选值.运行该函数时,其 我创建了一个表单,其中有一个下拉菜单可供选择,还有三个其他文本字段供用户输入数据.

我需要对用户输入的数据执行计算,然后显示结果.

现在,我只想将结果传递给函数并打印结果.从那里我将弄清楚如何将这些输出显示到表中.

现在,我无法识别特定元素的价值.使用下拉菜单,我可以通过编写document.getElementByID(“activity_level”).value来识别所选值.运行该函数时,其余值不会出现.我假设我没有识别值类型,因此浏览器知道显示的内容.

这是我的HTML：

<form>        Activity Level: <select ID="activity_level">                        <option value="null">Please Choose One...</option>                        <option value="1.25">Practically a vegetable</option>                        <option value="1.35">Mostly Desk Work and light Walking</option>                        <option value="1.55">Moderate Exercise 2-3 Times Per Week</option>                        <option value="1.75">Heavy Exercise 3-4 Times Per Week</option>                        <option value="1.95">Committed Hardcore Athlete</option>                        </select></br>        BodyFat Percentage <input type="text" ID="bfp" /> </br>        Total Weight <input type="text" ID="tw" /></br>        Target Bodyfat Percentage <input type="text" ID="target_bodyfat_pct" /></br>        <input type="button" value="Calculate" onclick="Calculate()" />    </form>

这是我的JavaScript：

<script type="text/JavaScript">    function Calculate(){        //document.write(bfp + "</br>");        document.write(document.getElementByID("activity_level").value + "</br>");        //document.write(document.getElementByID("tw") + "</br>");        //document.write(document.getElementByID("target_bodyfat_pct"));    }    </script>

解决方法 您需要在输入中引用value属性,就像使用select一样

document.write(document.getElementByID("target_bodyfat_pct"));document.write(document.getElementByID("tw") + "</br>");

应该

document.write(document.getElementByID("target_bodyfat_pct").value);document.write(document.getElementByID("tw").value + "</br>");

另外,考虑为所有输出创建一个div,然后将其写入.

<div ID="yourOutputdiv"></div>var results = document.getElementByID("activity_level").value + "</br>" +              document.getElementByID("target_bodyfat_pct").value +               document.getElementByID("tw").value + "</br>";document.getElementByID("yourOutputdiv").INNERHTML = results;

总结

以上是内存溢出为你收集整理的将HTML表单数据传递给Javascript函数全部内容，希望文章能够帮你解决将HTML表单数据传递给Javascript函数所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。