HTMLを選択し、オプションの値は

Question

が、私はHTMLを選択

アイデアは（確認をクリックして、選択したオプションに基づいて、数学の公式やとの価格となります3つの選択オプションであるから、単純な「レジストリブック」を作成しようとしています計算します何かが分からない）配列（すべてのvarのようなテーブルの意味で）は、マシンから時間：分を追加し、パラグラフに配置します。

それが動作します。数学は[select2（option1とoption2）* select3 = samevalueの場合には例外を除いてselect2 * select3になります） 誰かが助けとなる単純な型のコードを投稿することができます。いくつかのより多くを読むために必要な人のために

： -

document.getElementById("Confirm").onClick = function() { 
 
    var entry = "" 
 

 
    document.getElementById("Televizor").onChange = function() { 
 
    if (this.selectedIndex !== 0) { 
 
     entry += this.value; 
 
    } 
 
    }; 
 

 
    document.getElementById("Controllere").onChange = function() { 
 
    if (this.selectedIndex !== 0) { 
 
     entry += this.value; 
 
    } 
 
    }; 
 

 
    document.getElementById("Timp").onChange = function() { 
 
    if (this.selectedIndex !== 0) { 
 
     entry += this.value; 
 
    } 
 
    }; 
 

 
    document.getElementById("Table").innerHTML = "<br> " + entry + Date(); 
 
    var entry = "" 
 
}

<h2>TV-uri</h2> 
 
<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">Date &amp; Time.</button> 
 

 
<p id="demo">Dunno</p> 
 

 
<div class="container"> 
 
    <select id="Televizoare"> 
 
    <option value="0">Televizoare</option> 
 
    <option value="1">Tv 1</option> 
 
    <option value="2">Tv 2</option> 
 
    <option value="3">TV 3</option> 
 
    <option value="4">Tv 4</option> 
 
    <option value="5">TV 5</option> 
 
    <option value="6">Tv 6</option> 
 
    <option value="7">TV 7</option> 
 
    </select> 
 
    <select id="Controller"> 
 
    <option value="0">Controllere</option> 
 
    <option value="1c">1 Controller</option> 
 
    <option value="2c">2 Controllere</option> 
 
    <option value="3c">3 Controllere</option> 
 
    <option value="4c">4 Controllere</option> 
 
    </select> 
 
    <select id="Timp"> 
 
    <option value="0">Timp</option> 
 
    <option value="1h">1 ora</option> 
 
    <option value="1h2">1 ora 30 minute</option> 
 
    <option value="2h">2 ore</option> 
 
    <option value="2h2">2 ore 30 minute</option> 
 
    <option value="3h">3 ore</option> 
 
    </select> 
 
    <button id="Confirm" onclick="Confrim)">Confirm</button> 
 
</div> 
 

 
<p id="Table"></p>

Answer 1

さて、あなたは必ずスペルと大文字にすることによってオフに開始することができます（インデントのための*申し訳ありません* &ペーストをコピー）あなたのIDと関数名が一致します。

また、計算メソッドに進む前に、すべてのフィールドが有効かどうかを確認するための検証メソッドのフォームを作成する必要があります。

あなたは何を乗算しているのかはっきりしていませんが、少なくともフォームフィールドから値段を得ることができれば、それは戦闘の半分です。

伝統的なHTML形式でネイティブにフォームとやり取りできるように、すべてのフィールドをフォームオブジェクトに囲む必要があります。

// Define the confirm clicke listener for the Confirm button. 
 
function confirm() { 
 
    // Grab all the fields and apply them to a map. 
 
    var fields = { 
 
    'Televizoare' : document.getElementById('Televizoare'), 
 
    'Controllere' : document.getElementById('Controllere'), 
 
    'Timp'  : document.getElementById('Timp') 
 
    }; 
 

 
    // Determine if the user selected an option for all fields. 
 
    var isValid = doValidation(fields); 
 
    if (!isValid) { 
 
    document.getElementById("Table").innerHTML = 'Please provide all fields!'; 
 
    return; 
 
    } 
 

 
    // Create listeners ??? 
 
    fields["Televizoare"].onChange = function(e) { }; 
 
    fields["Controllere"].onChange = function(e) { }; 
 
    fields["Timp"].onChange  = function(e) { }; 
 

 
    // Set the value of the paragraph to the selected values. 
 
    document.getElementById("Table").innerHTML = Object.keys(fields) 
 
    .map(field => fields[field].value) 
 
    .join(' — '); 
 
} 
 

 
// Validation function to check if ALL fields have options selected other than 0. 
 
function doValidation(fields) { 
 
    return [].every.call(Object.keys(fields), field => fields[field].selectedIndex !== 0); 
 
}

<h2>TV-uri</h2> 
 
<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">Date &amp; Time.</button> 
 

 
<p id="demo">Dunno</p> 
 

 
<div class="container"> 
 
    <select id="Televizoare"> 
 
    <option value="0">Televizoare</option> 
 
    <option value="1">Tv 1</option> 
 
    <option value="2">Tv 2</option> 
 
    <option value="3">TV 3</option> 
 
    <option value="4">Tv 4</option> 
 
    <option value="5">TV 5</option> 
 
    <option value="6">Tv 6</option> 
 
    <option value="7">TV 7</option> 
 
    </select> 
 
    <select id="Controllere"> 
 
    <option value="0">Controllere</option> 
 
    <option value="1c">1 Controllere</option> 
 
    <option value="2c">2 Controllere</option> 
 
    <option value="3c">3 Controllere</option> 
 
    <option value="4c">4 Controllere</option> 
 
    </select> 
 
    <select id="Timp"> 
 
    <option value="0">Timp</option> 
 
    <option value="1h">1 ora</option> 
 
    <option value="1h2">1 ora 30 minute</option> 
 
    <option value="2h">2 ore</option> 
 
    <option value="2h2">2 ore 30 minute</option> 
 
    <option value="3h">3 ore</option> 
 
    </select> 
 
    <button id="Confirm" onclick="confirm()">Confirm</button> 
 
</div> 
 

 
<p id="Table"></p>