11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous, je n'arrive pas envoyer la value d'un select en Ajax l'alert me renvoie "object html select element".
Code :

<!-- 
<!-- 
function request(callback) {
	var xhr = getXMLHttpRequest();
	
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			callback(xhr.responseText);
		}
	};

	var choix = encodeURIComponent(document.getElementById("choix").value);
	var data = "Choix=" + choix;
	xhr.open("POST", "cible.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send(data);
}

function readData(sData) {
	alert(sData);
}
//-->
//-->
<form>
<select id="choix" name="choix">
 <option value="1">choix 1</option>
 <option value="2">choix 2</option>
</select>	
<input type="button" id="butt_send" onclick="request(readData);" value="Envoyer" />
</form>


la cible php :


header("Content-Type: text/xml");
$choix = htmlentities($_POST["Choix"], ENT_QUOTES); 
echo "$choix";


Si quelqu’un à une petite idée, merci d'avance ! Smiley cligne
Modifié par epic3000 (21 Jan 2012 - 16:07)
Pour un select


var tonSelect = document.getElementById('choix'),
     maValeur = tonSelect.options[tonSelect.selectedIndex].value;
C'est tout bon, après quelques minutes de galère j'avais oublier un ;, merci pour ton aide précieuse.
Modifié par epic3000 (21 Jan 2012 - 16:06)