jQuery Framework

Zdrojové kódy

6.16.2 Příklad 1 – Nahrání obsahu select boxu

Příklad použití funkce load() pro práci jQuery s AJAXem. Dva select boxy představují například část registračního formuláře, kde by se mohli tvůrci internetových stránek ptát, odkud se o nich zákazník dozvěděl.

$("#odkud_select").bind("change", function() {
	$("#odkud_select2").load("ajax_load.php", "vybrano="+$("#odkud_select").val(), function(odpoved, status, XMLHttpRequest) {
		if (status == "error") {
			alert("Chyba: \n" + XMLHttpRequest.status + " " + XMLHttpRequest.statusText + "\n\n");
		}
	});
});

Odkud jste se o nás dozvěděli?

Příklad PHP skriptu, který je možné použít:

<?php
$html = "";
if (isset($_GET["vybrano"])) {
	switch ($_GET["vybrano"]) {
		case "tv":
			$html .= '<option value="ct1">ČT 1</option>';
			$html .= '<option value="nova">Nova</option>';
			$html .= '<option value="prima">Prima</option>';
			break;
		case "radio":
			$html .= '<option value="kiss">Kiss Jižní Čechy</option>';
			$html .= '<option value="faktor">Hitrádio Faktor</option>';
			$html .= '<option value="evropa2">Evropa2</option>';
			break;
		case "internet":
			$html .= '<option value="google">Google</option>';
			$html .= '<option value="seznam">Seznam.cz</option>';
			$html .= '<option value="centrum">Centrum.cz</option>';
			$html .= '<option value="idnes">iDNES</option>';
			break;
	}
}
echo $html;
?>