0

ドロップダウン メニューの数はそれぞれ異なります。数は、データベースに保存されているカテゴリの数によって異なります。

ここに 1 つの選択セクションがあります。

<select style="text-align:center;" class="field" id="dropDown1">
    <option value="0,Pro Person im Einzelzimmer,667" rel="667">Personen</option>
    <option value="1,Pro Person im Einzelzimmer,667" rel="667">1</option>
    <option value="2,Pro Person im Einzelzimmer,667" rel="667">2</option>
    <option value="3,Pro Person im Einzelzimmer,667" rel="667">3</option>
    <option value="4,Pro Person im Einzelzimmer,667" rel="667">4</option>
    <option value="5,Pro Person im Einzelzimmer,667" rel="667">5</option>
    <option value="6,Pro Person im Einzelzimmer,667" rel="667">6</option>
    <option value="7,Pro Person im Einzelzimmer,667" rel="667">7</option>
    <option value="8,Pro Person im Einzelzimmer,667" rel="667">8</option>
    <option value="9,Pro Person im Einzelzimmer,667" rel="667">9</option>
    <option value="10,Pro Person im Einzelzimmer,667" rel="667">10</option>
</select>

上にはループがあり、この選択セクションがいくつか生成されます。各選択には id="dropDown"+ 個別の番号があります

rel 属性は、各オプションの金額です。

ここで私の質問に: ユーザーは各選択の数を選択する必要があり、選択した数を掛けた金額が必要です。次に、すべての合計。

例：

私は3つのドロップダウンを持っています。
ドロップダウン 1: 金額 260、オプション: 2
ドロップダウン 2: 金額 200、オプション: 1
ドロップダウン 3: 金額 300、オプション: 0

次に、合計金額のスパンが必要です: 720

どうやってそれを計算しますか？

ここに私のドロップダウンのあるサイトがあります：http:
//fischwenger.derquerdenker.at/safe/book_reise_buchen.phpにアクセスしてください

4

1 に答える 1

0

私は'1'.",".$kat.",".$preis;あなたの価値を見ます

1、何か、200 がある場合は、 またはおそらくに変更$(this).attr("value")します。parseInt($(this).attr("value"))

$(this).attr("value").split(",")[0]

値にも価格がある場合は、rel="preis" は必要ありません。rel に価格がある場合は、値に必要ありません。

いずれにせよ、コードは次のようになります

$(function() {
  $(".field").on("change", function() {
    var total = 0;
    $("select.field option:selected").each(function() {
      var val = $(this).attr("value").split(",")[0];
      if (val && !isNaN(val)) {
        var price = $(this).attr("rel");
        total += val * price;
      }
    });
    $("#total").text(total.toFixed(2));
  })
  .change(); // trigger onload
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select class="field select medium" tabindex="11" name="absender_" class="required"> 
  <option value=""></option> 
  <option value="Frau">Frau</option> 
  <option value="Herr">Herr</option> 
</select><br/>

<select style="text-align:center;" class="field" id="dropDown1">
  <option value="0,Pro Person im Einzelzimmer,667" rel="667">Personen</option>
  <option value="1,Pro Person im Einzelzimmer,667" rel="667">1</option>
  <option value="2,Pro Person im Einzelzimmer,667" rel="667">2</option>
  <option value="3,Pro Person im Einzelzimmer,667" rel="667">3</option>
  <option value="4,Pro Person im Einzelzimmer,667" rel="667">4</option>
  <option value="5,Pro Person im Einzelzimmer,667" rel="667">5</option>
  <option value="6,Pro Person im Einzelzimmer,667" rel="667">6</option>
  <option value="7,Pro Person im Einzelzimmer,667" rel="667">7</option>
  <option value="8,Pro Person im Einzelzimmer,667" rel="667">8</option>
  <option value="9,Pro Person im Einzelzimmer,667" rel="667">9</option>
  <option value="10,Pro Person im Einzelzimmer,667" rel="667">10</option>
</select>
<br/>
<select style="text-align:center;" class="field" id="dropDown2">
  <option value="0,Pro Person im Einzelzimmer,599" rel="599">Personen</option>
  <option value="1,Pro Person im Einzelzimmer,599" rel="599">1</option>
  <option value="2,Pro Person im Einzelzimmer,599" rel="599">2</option>
  <option value="3,Pro Person im Einzelzimmer,599" rel="599">3</option>
  <option value="4,Pro Person im Einzelzimmer,599" rel="599">4</option>
  <option value="5,Pro Person im Einzelzimmer,599" rel="599">5</option>
  <option value="6,Pro Person im Einzelzimmer,599" rel="599">6</option>
  <option value="7,Pro Person im Einzelzimmer,599" rel="599">7</option>
  <option value="8,Pro Person im Einzelzimmer,599" rel="599">8</option>
  <option value="9,Pro Person im Einzelzimmer,599" rel="599">9</option>
  <option value="10,Pro Person im Einzelzimmer,599" rel="599">10</option>
</select>
<br/>Abfahrtsort:
<select class='field' name='abfahrtsort' id='abfahrtsort'>
  <option value='0' rel="0">Bitte wählen Sie Ihren Abfahrtsort</option>
  <option value="0,busbahnhof,0" rel="0">Busbahnhof - 0 €&lt;/option>
  <option value="0,garage_fischwenger_carport,0" rel="0">Garage FISCHWENGER (Carport) - 0 €&lt;/option>
  <option value="0,bh_bei_gh_drei_eichen,0" rel="0">BH bei GH Drei Eichen - 0 €&lt;/option>
  <option value="0,friedburg_baeckerei_heinzl,0" rel="0">Friedburg Bäckerei HEINZL - 0 €&lt;/option>
  <option value="0,munderfing_gemeindeamt,0" rel="0">Munderfing Gemeindeamt - 0 €&lt;/option>
</select>
<br/>zubuchbare Optionen:
<select class='field' name='optionen' id='optionen'>
  <option value='0' rel="0">Optionen</option>
  <option value="1,bahnfahrt_auf_das_jungfernjoch" rel="85">Bahnfahrt auf das Jungfernjoch - 85 €&lt;/option>
</select>
<br/>
<span id="total"></span>

これはすべて簡単にすることができますが、それから私はあなたに充電を開始する必要があります:)

于 2015-10-08T09:23:18.840 に答える