将变量值从html表单传递到javascript_Javascript_Jquery_Html

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

javascript jquery html

将变量值从html表单传递到javascript,javascript,jquery,html,Javascript,Jquery,Html,我似乎无法让这个工作，我已经尝试了很多。我有一个jscript文件，其中包含一个非常长且复杂的函数，可以执行各种计算。我试图传递jscript文件中存在的变量的值。jscript文件包含3个变量，我希望能够从HTML表单页面更改这些变量我试图更改的jscript文件中的变量是车辆重量、轴距和轮胎重量。请注意，jscript文件工作正常，但我希望能够更改变量，而无需手动输入var vehicleWeight=300等。我在framework.js中运行的函数是Main 这就是我的HTML页面的外

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

我试图更改的jscript文件中的变量是车辆重量、轴距和轮胎重量。请注意，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>


无标题页
函数ShowCalculation（）{
Main（$（“#wheelbasettxt”）.val（），$（“#tirecoicesel”）.val（），$（“#wheelbasettxt”）.val（））；
}
车辆重量：


轮胎选择：
1.
2.
3.
4.


轴距：

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

如果不查看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 ...

}

我这样做：

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


函数ShowCalculation（）{
警报（$（“#wheelBaseTxt”）.val（）+“；”+$（“#tireChoiceSel”）.val（）+“；+$（“#wheelBaseTxt”）.val（）；
}

…而且jQuery似乎没有问题。。。价值观在那里。

使用此方法进行测试。问题可能出在Main（）函数中。

发布

Main

的代码以及支持它所需的任何其他代码。所有这些看起来都很棒。您的Javascript是什么样子的？在不知道

Main

的情况下，无法进行诊断。是否要将$（“#wheelbasettxt”）.val（）传递两次？罗布！我刚才也听到了，谢谢。我把它改为VehicleWeightText，它似乎通过得很正确。现在我认为它正确地传递了所有内容，我只需要将它传递回HTML页面（我想传递回一些变量）。我想我应该对一个对象这样做？我在我的jscript文件中正是这样做的。我会附加jscript文件，但它有3000多行代码。谢谢，这听起来像是一些非常复杂的javascript代码，也许您遇到了异常？您的javascript代码中是否有try/catch块来捕获错误？

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 ...

}