Just nu i M3-nätverket
Gå till innehåll
fickler

Dropdown med dynamiska priser

Rekommendera Poster

Hej,

 

jag har lyckats göra en dropdown där olika options har olika pris som visas i en div. Problemet är att jag måste ha två olika priser för varje option och dessa ska visas i två olika divar. Hur löser man det enklast med javascript? Hoppas ni förstår!

 

Tack på förhand!

 

//fickler

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Du ska alltså ha två produkter, eller vad är meningen med två olika dropdown?

Hur tänker du dig att javascript kommer in här?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

tack för svar!

nej, det ska vara en dropdown där varje option styr två divar där priserna ska visas. Det är alltså två olika priser för varje option. Jag har fått det att fungera för ett pris, men frågan är hur man ska göra för två?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

styr den ena select-listan vad som ska visas i den andra?

 

Du får nog vara lite mer tydligare så jag inte ger ett exempel som inte är tillämpbart i det du vill göra

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

hej igen, ledsen för sent svar...

 

lite förtydligande: det handlar om en biljettbeställning i ett förmulär. det handlar bara om en dropdown.

för varje option finns det två olika biljettyper med olika priser. När en option är vald ska den visa båda priserna samtidigt, fast i två olika divar, en som heter pris periodkort och en som heter pris dagskort. är du med nu? tips och hjälp?

 

//fickler

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Postad (redigerade)

Det är inte helt optimalt, du borde egentligen visa det på något annat sätt men lösningen du söker kan vara den som följer:

 

<script type="text/javascript">
function displayPrices(prices) {
   try{
       var div1 = document.getElementById("div1");
       var div2 = document.getElementById("div2");
      if(prices!=="") {  
       div1.innerHTML = prices.split(";")[0];
       div2.innerHTML = prices.split(";")[1];
      }else    {
      div1.innerHTML="";div2.innerHTML="";}
   }
       catch(ex){ alert("prisfel: "+prices);
   }
}

window.onload = function (){
 var mySelect = document.getElementById("mySelect");

   mySelect.onchange = function(){
     var prices = (mySelect .options[mySelect .selectedIndex].value);
     displayPrices(prices);
   };
};


</script>

 

<select name="prices" id="mySelect">
   <option value="">Välj</option>
   <option value="123;333">Det ena priset</option>
   <option value="234;444">Cyan</option>
   <option value="444;555">Ivory</option>
</select>

Redigerad av Jonas__B

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

tack så mycket, det verkar lösa problemet precis!

 

finns det en bättre lösning på det tror du? något som du tänker på på rak arm?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Hej igen,

 

har ett annat problem som är ett följdproblem av din lösning. Dropdownen ligger i ett formulär som ska skickas iväg som ett mejl. Problemet jag har är att valuen nu är priserna och det visas i mejlet.

 

Finns det något sätt att undvika detta och bestämma vad som visas i mejlet utan att använda value?

 

Ledsen för rörig förklaring återigen...

 

//fickler

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Precis som divvarna populeras kan du populera hidden-fält med samma värden. ta och skicka med dessa värden i mailet eller gör en split på värdet som valts i selectlistan

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...