[jQuery] Select i przekazanie wartości do pliku php Opcje

[einter-project]

Witam

Napisałem taki kod:

[HTML] pobierz, plaintext 
 
.....
<select class="inputSelectGray" name="formStyle">
<optgroup label="Pojedyńczy wykres">
<option value="single_series_charts/FCF_Column2D.swf">Column 2D</option>
<option value="single_series_charts/FCF_Column3D.swf">Column 3D</option>
<option value="single_series_charts/FCF_Line.swf">Line 2D</option>
<option value="single_series_charts/FCF_Area2D.swf">Area 2D</option>
<option value="single_series_charts/FCF_Bar2D.swf">Bar 2D</option>
<option value="single_series_charts/FCF_Pie2D.swf">Pie 2D</option>
<option value="single_series_charts/FCF_Pie3D.swf">Pie 3D</option>
<option value="single_series_charts/FCF_Doughnut2D.swf">Doughnut 2D</option>
</select>
......
<script type="text/javascript">
	 $(document).ready(function(){
		 var formStyle = "";
 
		 $("[name=formStyle]").change(function(){
             $("select option:selected").each(function () {
                 formStyle = $(this).val();
             });
		 });
 
		 $.ajax({
             url: "modulesALL/ranking/preview.php?style="+formStyle,
             success: function(results) { $('#preview').html(results); }
         });
     });
</script>
[HTML] pobierz, plaintext 

PLIK PHP

[PHP] pobierz, plaintext 
<?php ob_start(); session_start();
$_GET['style'] = isset($_GET['style']) ? $_GET['style'] : '';
 
include("../../../class/fusionCharts/includes/fusionCharts.php");
 
if($_GET['style'] == false){
     $_GET['style'] = 'single_series_charts/FCF_Column3D.swf';
}
 
print renderChartHTML($_SESSION['DB_DOMAIN_ALL']."class/fusionCharts/flash/".$_GET['style'], $_SESSION['DB_DOMAIN_ALL']."class/fusionCharts/flash/single_series_charts/schemat.xml", "", "myFirst", 450, 450)
?>
[PHP] pobierz, plaintext 

I teraz chciałbym metodą get przekazać wybraną wartość do pliku php bez odświerzenia strony.

Może ktoś mnie naprowadzić co robię nie tak?

Pozdrawiam

Ten post edytował einter-project 16.04.2012, 18:24:28

[lukesh]

Jeśli chcesz coś przesłać jakąś wartość za pomocą .ajax, to powinieneś uruchomić tę funkcję w momencie, kiedy ta wartość istnieje, a nie kiedy ładuje się strony i wartość jest pusta.

[HTML] pobierz, plaintext 
$("select option:selected").each(function () {
    formStyle += $(this).val() + " ";
    // <--- TUTAJ POWINIEN BYĆ AJAX
});
[HTML] pobierz, plaintext 

Ty zrobiłeś tak, że strona się ładuje i próbuje wysłać zmienną, która w ogóle wtedy nie istnieje i tym samym nic się nie dzieje.

Poza tym, do czego Ci jest potrzebne to .each w tym skrypcie, skoro nie masz możliwości wyboru wielu pól tylko jedno?

[HTML] pobierz, plaintext 
$("[name=formStyle]").change(function(){
    formStyle = $("select option:selected").val();
    // AJAX
});
[HTML] pobierz, plaintext 

Ten post edytował lukesh 16.04.2012, 18:29:54