Hallo Leute, ich möchte die beiden Variablen „mark“ und „series“ übergeben.
Aber es wird dann nur „mark“ übergeben und nicht das ausgewählte.
Was mache ich falsch?
LG
<select id="mark" name="mark">
<option value="">--</option>
<option value="bmw">BMW</option>
<option value="audi">Audi</option>
</select>
<select id="series" name="series">
<option value="">--</option>
<option value="series-3" class="bmw">3 series</option>
<option value="series-5" class="bmw">5 series</option>
<option value="series-6" class="bmw">6 series</option>
<option value="a3" class="audi">A3</option>
<option value="a4" class="audi">A4</option>
<option value="a5" class="audi">A5</option>
</select>
[CODE]
[/CODE]
Du musst hierfür ein Formular verwenden um die Daten aus den Auswahlfeldern abzuschicken. Ein Link dafür ist falsch.
Zwei Auswahllisten ohne umschließendes und Submit-Button zum Formularversand sind sinnfrei.
Hallo Leute, hier mein Skript.
Die drei Werte „manufacturer“, „device“ und "action"sollen übergeben werden.
Leider bekomme ich nicht hin
LG
<div class="preisrechner-wrapper">
<div class="preisrechner-form">
<p><strong>Hier findst du mit wenigen Klicks:</strong></p>
<form id="calculator" name="calculator" method="post" action="http://www.meine-seite.de/auftrag/">
<div class="row">
<div class="column-3">
<select id="manufacturer" name="manufacturer">
<option value="">Hersteller wählen</option>
<option value="audi">Audi</option>
<option value="bmw">BMW</option>
<option value="opel">Opel</option>
</select>
</div>
<div class="column-3">
<select id="device" name="device">
<option value="">Modell wählen</option>
<option value="audia3" class="audi">A3</option>
<option value="audia4" class="audi">A4</option>
<option value="audia5" class="audi">A5</option>
<option value="audia6" class="audi">A6</option>
<option value="bmw1" class="bmw">1er Reihe</option>
<option value="bmw2" class="bmw">2er Reihe</option>
<option value="bmw3" class="bmw">3er Reihe</option>
<option value="opelcorsa" class="opel">Corsa</option>
<option value="opelastra" class="opel">Astra</option>
<option value="opelinsignia" class="opel">Insignia</option>
</select>
</div>
<div class="column-3">
<select id="action" name="action">
<option value="">Defekt wählen</option>
<option value="Produkt1" class="audia3">Produkt1</option>
<option value="Produkt2" class="audia3">Produkt2</option>
<option value="Produkt3" class="audia3">Produkt3</option>
<option value="Produkt1" class="audia4">Produkt1</option>
<option value="Produkt2" class="audia4">Produkt2</option>
<option value="Produkt3" class="audia4">Produkt3</option>
<option value="Produkt1" class="audia5">Produkt1</option>
<option value="Produkt2" class="audia5">Produkt2</option>
<option value="Produkt3" class="audia5">Produkt3</option>
<option value="Produkt1" class="audia6">Produkt1</option>
<option value="Produkt2" class="audia6">Produkt2</option>
<option value="Produkt3" class="audia6">Produkt3</option>
<option value="Produkt1" class="bmw1">Produkt1</option>
<option value="Produkt2" class="bmw1">Produkt2</option>
<option value="Produkt3" class="bmw1">Produkt3</option>
<option value="Produkt1" class="bmw2">Produkt1</option>
<option value="Produkt2" class="bmw2">Produkt2</option>
<option value="Produkt3" class="bmw2">Produkt3</option>
<option value="Produkt1" class="bmw3">Produkt1</option>
<option value="Produkt2" class="bmw3">Produkt2</option>
<option value="Produkt3" class="bmw3">Produkt3</option>
<option value="Produkt1" class="opelcorsa">Produkt1</option>
<option value="Produkt2" class="opelcorsa">Produkt2</option>
<option value="Produkt3" class="opelcorsa">Produkt3</option>
<option value="Produkt1" class="opelastra">Produkt1</option>
<option value="Produkt2" class="opelastra">Produkt2</option>
<option value="Produkt3" class="opelastra">Produkt3</option>
<option value="Produkt1" class="opelinsignia">Produkt1</option>
<option value="Produkt2" class="opelinsignia">Produkt2</option>
</select>
</div>
</div>
<select id="price" name="price">
<option value="19" class="audia3\Produkt1">19</option>
<option value="29" class="audia3\Produkt2">29</option>
<option value="39" class="audia3\Produkt3">39</option>
<option value="29" class="audia4\Produkt1">29</option>
<option value="39" class="audia4\Produkt2">39</option>
<option value="49" class="audia4\Produkt3">49</option>
</select>
</form>
</div>
<div class="preisrechner-actions">
<div class="row">
<div class="Bannerpfeil">
<a id="bottom-pdf" href="" target="_blank"><span id="pusher"></span>Feld 1</a>
</div>
<div class="Bannerpfeil">
<a id="bottom-auftrag" href="http://www.meine-seite.de/auftrag?myvar='#manufacturer'">Dein Preis: <span id="final-price"></span> zum Auftrag</a>
</div>
</div>
</div>
</div>
Und dies ist der footer.php
<script type="text/javascript" charset="utf-8">
$(function() {
/* For jquery.chained.js */
$("#device").chained("#manufacturer");
$("#action").chained("#device");
$("#price").chained("#device, #action");
/* Show button after each pulldown has a value. */
$("#price").bind("change", function(event) {
$("#final-price").html("€ " + $(this).val() + ",-");
if ("" != $("option:selected", this).val() && "" != $("option:selected", $("#action")).val()) {
$(".preisrechner-actions").slideDown();
} else {
$(".preisrechner-actions").slideUp();
}
});
$("#manufacturer, #device, #action").bind("change", function(event) {
if ("" != $("option:selected", this).val()) {
$(this).css("background-color","#f4f4f4");
}
});
$("#btn-contact").click(function(event) {
event.preventDefault();
$("form#calculator").submit();
});
});
</script>
Gibt ja kein „btn-contact“, sondern nur „bottom-auftrag“.
Oki … das habe ich geändert.
Es wird aber nur „manufacturer“ als Word und nicht der Inhalt übergeben.
Was habe ich denn da falsch gemacht?
LG