2012-08-30 2 views
-1

Я почти там и могу попробовать, но я не могу получить эту последнюю небольшую часть до getpost.php. В основном у меня есть динамические текстовые поля, где пользователи могут добавлять шаги. Скажем, если они добавляют 5 шагов, им нужно, чтобы эти шаги были добавлены в базу данных mysql через PHP. Я не уверен в php, в котором я нуждаюсь, чтобы это сделать. Любая помощь, которую я бы очень признателен!Попытка нажать динамическую текстовую область на mysql с помощью php

вот мой post.php с шагами:

<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 

<script type="text/javascript"> 

$(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('<p><label>Step #'+ counter + ' : </label><br>' + 
     '<textarea rows="10" cols="150" type="text" name="textbox' + counter + 
     '" id="textbox' + counter + '" value="" >'); 

newTextBoxDiv.appendTo("#TextBoxesGroup"); 


counter++; 
}); 

$("#removeButton").click(function() { 
if(counter==1){ 
     alert("No more steps to remove"); 
     return false; 
    } 

counter--; 

    $("#TextBoxDiv" + counter).remove(); 

}); 

$("#getButtonValue").click(function() { 

var msg = ''; 
for(i=1; i<counter; i++){ 
    msg += "\n Step #" + i + " : " + $('#textbox' + i).val(); 
} 
     alert(msg); 
}); 




}); 
</script> 

</head> 

<body> 
Add new step below:<p> 

<form action="getpost.php" method="post"> 
<div id='TextBoxesGroup'> 
<div id="TextBoxDiv1"> 
    <label>Step #1 : </label><br /> 
    <textarea rows="10" cols="150" type='textbox' id='textbox1'></textarea> 
</div> 
</div> 
<input type='button' value='Add Step' id='addButton'> 
<input type='button' value='Remove Step' id='removeButton'> 
<input type='button' value='Get TextBox Value' id='getButtonValue'> 
<input type="submit" /> 
</form> 


</body> 
+3

http://www.php.net/pdo или http://www.php.net/mysqli - это первый шаг –

ответ

1

вы можете использовать метод клонирования Jquery для достижения динамического создания текстовых полей. попробовать это:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"> </script> 
<script> 
$(document).ready(function(){ 
var counterb = 1; 
$("#addathletehistory").click(function(){ 
if(counterb>6){ 
     alert("Maximum 5 textarea allow"); 
     return false; 
} 
$("#sport_history").clone().attr({"id":"sport_history"+counterb, "name":"sport_history"+counterb}).add("<br/>").appendTo("#stablehistory"); 
counterb++; 
    }); 
}); 

этот код JQuery создать 5 текстовых областей, нажав на кнопку «добавить еще» .Примечание, что, идентификатор и имя каждого нового текстового поля изменяется, как я добавить значение счетчика к нему. надеюсь, что это поможет. счастливое кодирование!

Смежные вопросы