please help
i don’t understand why my post dont work
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<html>
<body>
<form method="post">
<table border="0">
<tr><td>
<select name="drop1" id="lstBox1" size="4" style="width:100%;height : 200px">
<option value="first">first option</option>
<option value="second">sec option</option>
<option value="third">third option</option>
<option value="fourth">fourth option</option>
<option value="fifth">fifth option</option>
<option value="sixth">six option</option>
</select>
</td></tr>
<tr><td>
<input type="button" id="add" value=">>" style="display:block;" />
</td></tr>
</table>
<table id="myTable" border="1">
<tr><th>Produit</th><th>Quantite</th></tr>
</table>
<input type="button" value="ok" id="ok" /></form>
<br />
<script type="text/javascript">
$(document).ready(function() {
$('#add').click(function(e) {
var selectedOpts = $('#lstBox1 option:selected').val();
var selectedOpts1 = $('#lstBox1 option:selected').text();
//alert(selectedOpts);
if (selectedOpts.length == 0) {
alert("Nothing to move.");
e.preventDefault();
}
document.getElementById("myTable").insertRow(-1).innerHTML = "<td class='prdt'>" + selectedOpts1 + "</td><td class='qt'><input type='number' class='quantite'></td>";
//$('#myTable').append($(selectedOpts).clone());
//$(selectedOpts).remove();
$('#lstBox1 option:selected').remove();
e.preventDefault();
});
$('#ok').click(function(e) {
var table = $('#myTable tr');
var trCount = table.length; //count tr
//alert('trcount='+trCount);
var a = [];
$('#myTable td ').each(function() {
// var tdID=$(this).attr('id'); //get id
var tdcontent = $(this).text(); //get content
// var quantite=document.getElementById("quantite").value;
var quantite = $(this).parent().find('.quantite').val()
//alert(quantite);
a.push(tdcontent);
a.push(quantite);
// alert('id='+tdID);
// alert('content='+tdcontent);
//alert('quantite='+quantite);
});
alert(a.join(""));
// var st = JSON.stringify(a);
//var dataString = 'a='+ a;
//var produit = "sss";
$.ajax({
type: 'POST',
url: 'test2.php',
data: { name: "John", location: "Boston" },
success:
function() {
//$('#resultat').html(data);
alert("sucess");
},
error: function() { alert("erreur"); }
});
});
});
</script>
</body>
</html>
</body>
</html>