Ради бога. Пробовал например так. Обратите внимание на изменённые id с индексами.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/appendSelectItems.js"></script>
<script type="text/javascript" src="js/loadCountriesJson.js"></script>
<script type="text/javascript" src="js/loadServices.js"></script>
</head>
<body>
<form action="" id="demoForm" method="post">
<div id='TextBoxesGroup'>
<div id="TextBoxDiv1">
<div id="message">mes</div>
<input type="text" id="textbox">
</div>
</div>
</form>
<input type='button' value='Add Button' id='addButton'>
<input type='button' value='Get TextBox Value' id='getButtonValue'>
</body>
</html>
$(document).ready(function(){
var counter = 2;
$("#addButton").click(function () {
if(counter>10){
alert("Only 10 textboxes allow");
return false;
}
var newTextBoxDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);
newTextBoxDiv.after().html('<div id="message'+counter+'">mes'+counter+'</div><input type=text id="textbox'+counter+'">');
newTextBoxDiv.appendTo("#TextBoxesGroup");
counter++;
});
$('#getButtonValue').click(function() {
$.ajax({
type : 'POST',
url : 'post.php',
dataType : 'json',
data: {email : $('#textbox'+counter).val()},
success : function(data){
$('#message'+counter).text(data.msg).show();
$('#demoForm').show();
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
}
});
return false;
});
});
не работает.
Пробовал вот так ещё:
$('#getButtonValue').click(function() {
$.ajax({
type : 'POST',
url : 'post.php',
dataType : 'json',
data: {email : $( "input" ).find( "textbox" ).val()},
success : function(data){
$('#message'+counter).text(data.msg).show();
$('#demoForm').show();
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
}
});
return false;
});
Работает но криво - не берёт значение из окошка. Вообщем, очень нужна помощь =(