Values 2 selectboxen optellen
Ik ben al dagen (en halve nachten) aan het stoeien om de option values van twee selectboxen bij elkaar op te tellen..
Waarom? Nou ik ben bezig (als beginner) met het maken van een webshop waarin de klant via een selectbox een meetelement van een sensor kan kiezen en in de tweede selectbox een eventuele optie zoals een LCD of drukknop.
De uitkomst dient in een hidden veld als Value te worden weergegeven. aangezien bij het verzenden van deze het bijbehorende product in een database opzoekt. Daarnaast moet de prijs vermeld in de database ook getoond worden. Bij 1 select box geen probleem daar heb ik via google al wat redelijk goede oplossingen gevonden en dat werkt goed.
Zoals ik al zij ik ben een beginner met java en zit echt met mn handen (in mijn spreekwoordelijke haar) wie o wie kan mij helpen???
Bij 1 selectbox maak ik gebruik van het navolgende
<script>
function showprijs1(str)
{
if (str=="")
{
document.getElementById("txtHint1").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint1").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("Post","test.php?q="+str,true);
xmlhttp.send();
}
</script>
op pagina:
<form action="../../../../test3.php" method="post">
<input type="hidden" name="KlantID" value="" />
<select name="ID" id="ID" onchange="showprijs(this.value)">
<option value="">Selecteer meetelement:</option>
<option value="1">NTC10k3A1</option>
<option value="2">NTC10K4A1 Precon</option>
<option value="3">Pt100A</option>
<option value="4">Pt1000A</option>
<option value="5">Ni1000DIN</option>
<option value="6">Ni1000-Tk5000</option>
</select>
</td>
<strong><div id="txtHint">-</div></strong>
<td style="width: 10%; "><input type="text" name="Aantal" id="Aantal"><br></td>
<td style="text-align: center; width: 10%; "><input type="image" value ="Zenden" img width="18" height="19" alt="" class="art-lightbox" src="../../../images/cart_add.png" style="margin-top: 5px; margin-bottom: 0px; "><br></td>
</form>
Iemand die mij een shot voor opendoel kan geven?
Alvast bedankt voor de moeite!!! (ps de huidige code rond niet af achter de komma, maar ondertussen ben ik er al achter hoe ik dat kan oplossen..)
De code die je geeft, komt niet overeen met de rest van de vraag die je stelt.
- Wat wil je optellen? Geef een voorbeeld. Toon ook even die twee <select> elementen.
value="2" -> NTC10K4A1 Precon
Wat valt daar aan op te tellen?
- De code die jij geeft, bevat Ajax. Dus telkens de gebruiker aan de <select> komt, wordt die waarde naar de server gestuurd. Weet jij dat dit gebeurt? Is dat jouw bedoeling?
Heb jij ergens een test.php ? Doe je daar iets mee?
Het is toch de bedoeling dat de gebruiker nog steeds op de knop drukt, juist?
-----------
Verder nog een opmerking: Binnen <form></form> sluit je een </td>, die nergens is geopend binnen <form></form>.
Je mag nooit zomaar iets sluiten dat je nergens hebt geopend.
Als je met javascript werkt, moet je vermijden om slechte HTML te hebben. Javascript kan dan in de war raken.