Question

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

我想改变的jscript文件中的变量是vehicleWeight，wheelbase和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>

Answer 1

如果不查看您的javascript，很难说，但您可能需要与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 ...

}

Answer 2

除非框架js中定义的变量是全局变量，否则无法更改其值。

Answer 3

我这样做了：

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

...它似乎不是jQuery的问题......值存在。使用此方法进行测试。问题可能出在Main（）函数中。

将变量值从html表单传递到javascript中

3 个答案: