Js Select Value İle Veri Hesaplama

08-06-2021, 04:09:14

Aşağıdaki Kodda 3 Adet Select Var Ve 3 Selectinde Aynı Anda Seçili Olduğu Verilerin Toplama İşlemini Yapıp Göstermesini Nasıl Sağlarım

<!DOCTYPE html>
<html>
<body>

<p>Choose an option in the drop-down list and display that option.</p>

<form>
  <select id="mySelect1" onchange="myFunctiona()">
    <option>+1</option>
    <option>+2</option>
    <option>+3</option>
    <option>+4</option>
  </select>
</form>
<form>
  <select id="mySelect2" onchange="myFunctionb()">
    <option>+10</option>
    <option>+20</option>
    <option>+30</option>
    <option>+40</option>
  </select>
</form>
<form>
  <select id="mySelect3" onchange="myFunctionc()">
    <option>+100</option>
    <option>+200</option>
    <option>+300</option>
    <option>+400</option>
  </select>
</form>

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

<script>
function myFunctiona() {
  var x = document.getElementById("mySelect1");
  var i = x.selectedIndex;
  document.getElementById("demo").innerHTML = x.options[i].text;
}
</script>

</body>
</html>

08-06-2021, 04:38:30

#2

DostWeb

Sıfırdan JS kod yazamıyorum ama genel olarak az çok bilgim var. Senin isteğini ingilizce google a yazdım şu kodu buldum. Böyle birşey işini görebilir: http://jsfiddle.net/N6YK8/8/

09-06-2021, 21:02:27

#3

uA_emrezyt

    <p>Choose an option in the drop-down list and display that option.</p>
 
<form>
  <select id="mySelect1" onchange="myFunction()">
    <option>+1</option>
    <option>+2</option>
    <option>+3</option>
    <option>+4</option>
  </select>
</form>
<form>
  <select id="mySelect2" onchange="myFunction()">
    <option>+10</option>
    <option>+20</option>
    <option>+30</option>
    <option>+40</option>
  </select>
</form>
<form>
  <select id="mySelect3" onchange="myFunction()">
    <option>+100</option>
    <option>+200</option>
    <option>+300</option>
    <option>+400</option>
  </select>
</form>
 
<p id="demo"></p>
 
<script>
function myFunction() {
  var x = document.getElementById("mySelect1");
  var y = document.getElementById("mySelect2");
  var z = document.getElementById("mySelect3");

  document.getElementById("demo").innerHTML = parseInt(x.value) + parseInt(y.value) + parseInt(z.value)   ;
}
</script>