將變量值從html表格傳遞到javascript

我似乎無法得到這個工作，我已經嘗試了很多。我有一個jscript文件，其中包含一個很長的涉及函數，可以進行各種計算。我正在嘗試爲jscript文件中存在的變量傳遞值。 jscript文件包含3個變量，我希望能夠從HTML表單頁面進行更改。將變量值從html表格傳遞到javascript

我試圖改變的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>

來源

2011-08-23 Spets

發佈'Main'代碼和任何其他支持它的代碼。 – lincolnk

這一切看起來都很棒。你的Javascript看起來像什麼？ – FishBasketGordo

不知道'Main'，這是不可能診斷。 – cwallenpoole

很難說，沒有查看您的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 ... 

}

來源

2011-08-23 16:52:10 joelbyler

我正在做我的jscript文件中的這一點。我會附加jscript文件，但它的超過3000行代碼。謝謝 – Spets

這聽起來像一些非常複雜的JavaScript代碼，也許你遇到了異常？你的javascript代碼中有try/catch塊來捕獲錯誤嗎？ – joelbyler

除非框架js中定義的變量是全局變量，否則您無法更改它們的值。

來源

2011-08-23 16:47:02 ShankarSangoli

我這樣做：

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

...這似乎並沒有與jQuery的一個問題...值的存在。使用此方法進行測試。這個問題可能在Main（）函數中。

來源

2011-08-23 17:04:45 cyrotello

將變量值從html表格傳遞到javascript

回答

相關問題