Select menü option zuweisen

NicoWiss · 5. September 2013, 19:58

Hey Com,

Da ich derzeitig eine FAQ Seite mache habe ich folgendes Problem:

Wenn ich in einem Select Menü eine Option auswähle welche nicht Position 1 ist und dann auf den Button submit klicke ist nach dem Seitenreload die Option wieder auf 1

Wie sette ich das, das mir im slect Menü die Option mit der ID $_POST['faq'] angezeigt wird?
Versteht ihr?

NicoWiss

PS:

Hier nochmal:

Vorm Reload:
prntscr.com/1piqzu
Nach dem absenden des Buttons
prntscr.com/1pir46 // Hier müsste jetzt aber stehen: Ist "NicoWiss" ...

Danke euch

TutNichts · 5. September 2013, 20:44

Hey Nico,
was mir als ernstes einfiel war: JavaScript (jQuery).

Also habe ich kurz etwas, was mir dazu in den Kopf kam, getestet und es funktioniert einwandfrei:

HTML-Quellcode

<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('select').val('2');
});
</script>
</head>
<body>
<select>
<option value="1">Test</option>
<option value="2">Test2</option>
</select>
</body>
</html>

Alles anzeigen

Heißt:
Wenn du eine <option> hast, dann gib im jQuery-Abteil nur den Inhalt/Namen des value-Attributs des gewünschten <option>-"Wahlfelds" an.

Also wenn du das hast:

HTML-Quellcode

<option value="NicoWiss">Ist "NicoWiss" ohne versteckte Kosten?</option>

Dann machst du im <script>-Abteil folgendes:

JavaScript-Quellcode

$('select').val('NicoWiss');

Ich hoffe, ich konnte dir helfen und dir dein Anliegen beantworten.
jQuery findest du hier: jquery.com/

NicoWiss · 5. September 2013, 20:47

TutNichts schrieb:

$('select').val('NicoWiss');

Das Problem ist das der Inhalt eine PHP Variable ist

$_POST['faq'] und das geht ja nicht

JavaScript-Quellcode

$('select').val('<?php echo $_POST['faq']; ?>'

TutNichts · 5. September 2013, 20:51

So nicht, stimmt.
Aber so:

JavaScript-Quellcode

$('select').val(<?php echo $_POST['faq']; ?>);

Getestet & klappt.

NicoWiss · 5. September 2013, 21:02

Getestet und es klappt bei mir ebenfalls

Danke

HTML-Quellcode

HTML-Quellcode

JavaScript-Quellcode

JavaScript-Quellcode

JavaScript-Quellcode

Teilen