繁体   English   中英

从HTML表单将变量值传递到JavaScript

[英]Passing variable values into javascript from html form

我似乎无法使它正常工作,并且已经尝试了很多。 我有一个jscript文件,其中包含一个很长且涉及很多功能的函数,可以进行各种计算。 我正在尝试传递jscript文件中存在的变量的值。 jscript文件包含3个我希望能够从HTML表单页面更改的变量。

我要更改的jscript文件中的变量是VehicleWeight,轴距和tireChoice。 请注意,jscript文件可以完美运行,但我希望能够不进入而手动说var vehicleWeight = 300等的情况下更改变量。我在framework.js中运行的功能是Main。

这就是我的HTML页面的样子。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="framework.js"></script>
    <script type="text/javascript">
        function ShowCalculation() {
            Main($("#wheelBaseTxt").val(), $("#tireChoiceSel").val(), $("#wheelBaseTxt").val());
        }
    </script>
</head>
<body>
    Vehicle Weight:
    <input id="vehicleWeightTxt" type="text" /><br />
    Tire Choice:
    <select id="tireChoiceSel">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select><br />
    Wheel Base: <input type="text" id="wheelBaseTxt" /><br />
    <input type="submit" onclick="ShowCalculation(); return false;" />
</body>
</html>

不查看您的javascript include很难说,但是您可能需要类似于Main函数中下面的代码。

var vehicleWeight = 0.0;
var wheelbase = 0.0;
var tireChoice = 0.0;
function Main(inpVehicleWeight, inpWheelbase, inpTireChoice) {
   vehicleWeight = inpVehicleWeight;
   wheelbase = inpWheelBase;
   tireChoice = inpTireChoice;

   // ... other calculations, etc ...

}

除非框架js中定义的变量是全局变量,否则您无法更改它们的值。

我这样做:

<script type="text/javascript">
        function ShowCalculation() {
            alert($("#wheelBaseTxt").val()  + "; " +  $("#tireChoiceSel").val()  + "; " +  $("#wheelBaseTxt").val());
        }
</script>

...而且jQuery似乎没有问题...值在那里。 使用此方法进行测试。 问题可能在Main()函数中。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM