• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Przypisanie obiektu do elementu Option na stronie

0 głosów
519 wizyt
pytanie zadane 5 kwietnia 2020 w JavaScript przez Bazzam Użytkownik (810 p.)

Witam

Mam problem zwiazany z obiektami. Chcialbym przypisac wartosci obiektu do elementu option na stronie, by byl mozliwy do wybrania i po wybraniu(metoda onChange) zostalby ten obiekt dodany do zmiennej, w ktorej wraz z innymi obiektami tam się znajdującymi zsumował podana cenę. Dziekuje za wszelka pomoc i pozdrawiam

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
<select id="options">
    <option id="opone"></option>
    <option id="optwo"></option>
    <option id="opthree"></option>
</select>
<button id="btn">Potwierdz</button>
<script>
var domy = {
     pierwszy:{
         powierzchnia: 300+"m2",
         cena: 1300000 + "zł"
     },
    drugi:{
        powierzchnia: 400 + "m2",
        cena: 2500000 + "zł"
    },
    trzeci:{
        powierzchnia: 90+"m2",
        cena: 300000+"zł"
    }
}
var samochody = {
    pierwszy:{
        marka:"BMW",
        cena: 42000+"zł"
    },
    drugi:{
        marka:"Lamborghini",
        cena:678000+"zł"
    }
}
var komputery = {
    pierwszy:{
        procesor:"Intel core I5 9400f",
        cena:4200 +"zł";
    },
    drugi:{
        procesor:"AMD Ryzen 5 3600",
        cena: 3150 +"zł"
    }
}
var options = document.getElementById("options");
var opone = document.getElementById("opone");
var optwoo = document.getElementById("optwo");
var opthree = document.getElementById("opthree");
opone.textContent = domy.pierwszy.cena;
    
</script>    
</body>
</html>

 

1 odpowiedź

+1 głos
odpowiedź 5 kwietnia 2020 przez michal_php Stary wyjadacz (13,700 p.)

Nie wiem co chcesz za bardzo osiągnąć tym kodem, ale zmienna z option możesz pobrać za pomocą 

document.querySelector('my_class').value 

 

Dzięki czemuś takiemu pobierasz zmienna z swojego forma i ja następnie później obrabiasz dodając do niej swoje wartości. 

Tu masz więcej 

 

https://developer.mozilla.org/pl/docs/Web/API/Document/querySelector

 

Podobne pytania

0 głosów
1 odpowiedź 845 wizyt
0 głosów
0 odpowiedzi 262 wizyt
pytanie zadane 18 października 2016 w JavaScript przez Alterwar Dyskutant (7,650 p.)
+1 głos
2 odpowiedzi 683 wizyt

93,731 zapytań

142,669 odpowiedzi

323,286 komentarzy

63,291 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...