Dropdown med dynamiska priser

[fickler]

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

[Jonas__B]

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?

[fickler]

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å?

[Jonas__B]

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

[fickler]

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

[Jonas__B]

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>

[fickler]

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?

[Jonas__B]

Ja att inte välja i dropdown utan lista priser på annat vis.

[fickler]

Hehe okej. Tack för hjälpen ändå!

[fickler]

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

[Jonas__B]

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

[fickler]

tack tack