我正在轉(zhuǎn)換一個(gè)Google Sheets，它從用戶那里收集一些數(shù)據(jù)輸入，然后進(jìn)行大量計(jì)算。我現(xiàn)在必須將它轉(zhuǎn)換成網(wǎng)頁，并將其綁定到SQL數(shù)據(jù)庫。

我正在使用jquery處理網(wǎng)頁上的可計(jì)算數(shù)據(jù)，并且我擅長使用SQL。

幾年前我從事Javascript工作，現(xiàn)在有點(diǎn)生疏了。我需要一點(diǎn)動力。

我創(chuàng)建了一個(gè)5行的表格，記錄了三種空間類型的平方英尺(SF)。

空間類型是一個(gè)下拉列表 占地面積是一個(gè)& lt輸入& gt類型=數(shù)字字段(用戶輸入)。 計(jì)算面積百分比(樓面面積÷總面積)。

如果是數(shù)字字段，我應(yīng)該用$(& quot；#樓層面積-1 & quot；).val()/$(& quot；#總面積& quot).val()？

我能用一下。text()像有人建議的那樣？

我應(yīng)該能夠用計(jì)算的結(jié)果填充DIVs innerHTML，例如$(& quot；#樓層面積-1 & quot；).val()/$(& quot；#總面積& quot).val()。

其余的是div，計(jì)算將顯示在各自的列中。

<!-- Row 1 -->
<div class="div-table-row">
  <div class="div-table-col"  style="width:15%;">
    <select id="space-type-1" name="space-type-1">
      <option value="Education"> Education </option>
      <option value="Food sales"> Food sales </option>
      <option value="Food service"> Food service </option>
      <option value="Health care"> Health care </option>
      <option value="Inpatient"> Inpatient </option>
      <option value="Outpatient"> Outpatient </option>
      <option value="Lodging"> Lodging </option>
      <option value="Mercantile"> Mercantile </option>
      <option value="Retail-1"> Retail <span style="font-size:8px;">(no mall)</span> </option>
      <option value="Retail-2"> Retail <span style="font-size:8px;">(malls)</span> </option>
      <option value="Office"> Office </option>
      <option value="Public assembly"> Public assembly </option>
      <option value="Public safety"> Public safety </option>
      <option value="Religious worship"> Religious worship </option>
      <option value="Service"> Service </option>
      <option value="Storage"> Storage </option>
      <option value="Warehouse"> Warehouse </option>
      <option value="Other"> Other </option>
      <option value="Vacant"> Vacant </option>
    </select>
  </div>
  <div class="div-table-col div-table-col-disp"  style="width:13%;">
    <input class="input-floor-area" type="number" name="floor-area-1" size="13">
  </div> 
  <div id="kwh-used" class="div-table-col div-table-col-calc"
     style="width:10%;border-right-color: #000;">
  </div>
  <div id="kwh-cost" class="div-table-col div-table-col-calc"  style="width:15%;border-right-color: #000;">
  </div>
</div>

% Area將計(jì)算該行單元格中顯示的各個(gè)空間的建筑面積。

使用的千瓦時(shí)將使用與空間類型相關(guān)聯(lián)的值，并將其乘以建筑面積，例如，辦公室= 21千瓦時(shí)x 20，000平方英尺將在第1行中使用的千瓦時(shí)下的單元格中顯示420，000千瓦時(shí)。

我以前用過document.getElementById()。然而，jquery的語法有點(diǎn)不同。我擅長參考有例子的材料。因此，如果有人知道一個(gè)在線來源，請給我指出來，我應(yīng)該能夠通過這種方式工作。

我的問題是，如何捕獲空間類型和建筑面積中的文本并顯示面積百分比的結(jié)果？如果我能理解這一點(diǎn)，我可能會想出其余的。

-----------+------------+--------+----------+----------
Space Type | Floor Area | % Area | kWh Used | kWh Cost 
-----------+------------+--------+----------+----------
Office     |  20,000    |   12%  |   50,000 |  $5,000  
-----------+------------+--------+----------+----------
Hotel      |  150,000   |   87%  |  120,000 | $12,000
-----------+------------+--------+----------+----------
Retail     |  2,000     |    1%  |   19,000 |  $1,900
-----------+------------+--------+----------+----------
Total                   |  100%  |  241,000 | $18,900
-----------+------------+--------+----------+----------


Testing the following code isn't calling the alert() function.<br>

$( "#floor-area-1" ).on( "blur", function() {
   alert( "Handler for `blur` called." );
} );

沒有提供代碼，我只能給你一個(gè)基本的方法來使用。如果您只是試圖捕獲div元素本身的文本，您可以使用。要獲取和設(shè)置的jquery中的text()。所以你應(yīng)該能夠提取文本，進(jìn)行計(jì)算，然后應(yīng)用它。

https://api.jquery.com/text/