2012-08-30 2 views
-1

저는 거의 다 왔지만 맛볼 수는 있습니다. 그러나이 마지막 부분은 getpost.php로 가져올 수 없습니다. 기본적으로 사용자가 단계를 추가 할 수있는 동적 텍스트 영역이 있습니다. 그들이 5 단계를 추가하면 PHP를 통해 mysql 데이터베이스에 추가 된 단계가 필요하다고 말하십시오. 이 작업을 수행하는 데 필요한 PHP가 확실하지 않습니다. 내가 크게 고맙게 생각하는 어떤 도움이라도! 텍스트 상자의 동적 생성을 달성하기 위해 당신이 jQuery의 복제 방법을 사용할 수 있습니다PHP를 사용하여 mysql에 동적 텍스트 영역을 푸시하려고 시도했습니다

<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

:

여기 단계 내 post.php입니다. 이 시도 :

<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 개 텍스트 영역을 만드는 것이 .NOTE, ID와 각각의 새로운 텍스트 영역의 이름은 내가 그것을 카운터의 값을 추가로 변경 "더 추가". 도움이되기를 바랍니다. 행복한 코딩!

관련 문제