JavaScript에서 동적으로 생성 된 텍스트 상자 값을 얻는 방법

Question

안녕하세요 친구 실제로 2 질문이 있습니다 .. 나는 페이스 북과 같은 소셜 웹 사이트를 만들고 있습니다 ... 이 웹 사이트에는 데이터베이스에서 오는 여러 게시물이 있습니다 누구든지 원하는 경우 이 게시물에 댓글을 추가 제공하는 것은 만 첫 번째 게시물 나는 서블릿에서 아약스 반응을 얻고있다 .. 첫 번째 게시물의 댓글이

<%String sql="select * from post ORDER BY id DESC"; 
     st = con.createStatement(); 
     rs=st.executeQuery(sql);%> 
<input type="text" id="postboxwritereview" name="postboxwritereview" placeholder="write a review" onkeypress="loadXMLDoc2()"/> 

<script type="text/javascript"> 
document.getElementById("postboxwritereview").onkeypress = function(event){ 
      if (event.keyCode == 13 || event.which == 13){ 
       var xmlhttp; 
{// code for IE7+, Firefox, Chrome, Opera, Safari 
xmlhttp=new XMLHttpRequest(); 
} 
{// code for IE6, IE5 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange=function() 
{ 
if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
document.getElementById("postbox_bottom_my_review").innerHTML=xmlhttp.responseText; 
} 
} 
var x = document.getElementById("postboxwritereview").value; 
xmlhttp.open("GET", 'insertReview.jsp?user='+x+'&p_id=<%=post_id%>&p_uid=<%=post_uid%>&author_uid=<%=u_id%>', true); 
xmlhttp.send(); 
document.getElementById("postboxwritereview").value=""; 
} 
}; 
</script> 

그리고 두 번째 문제가입니다 .. 마지막 포스트에가는 working..but입니다 그 div에 resppnse을 보여주는 하지만 동일한 div로 동적으로 생성 된 많은 div가 있습니다 ... 첫 번째 게시물에서 아약스 응답 여기 를 도와 마지막 post..Plz에려고하고하면 코드 .. AJAX 코드

<script type="text/javascript"> 
function loadXMLDoc(){ 
var xmlhttp; 
if (window.XMLHttpRequest) 
{// code for IE7+, Firefox, Chrome, Opera, Safari 
xmlhttp=new XMLHttpRequest(); 
} 
else 
{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange=function() 
{ 
if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
document.getElementById("showRating").innerHTML=xmlhttp.responseText; 
} 
} 
var username=$('input:radio[name=rating_blog]:checked').val(); 
xmlhttp.open("GET", 'InsertRating?user='+username+'&p_id=<%=post_id%>&p_uid=<%=post_uid%>', true); 
xmlhttp.send(); 
} 
</script> 

HTML 코드입니다

<div id="submit" onclick="loadXMLDoc()"> 
<div> 
<input id="rating1" type="radio" name="rating_blog" value="1" onclick="this.form.submit()"> 
<input id="rating2" type="radio" name="rating_blog" value="2" onclick="this.form.submit()"> 
<input id="rating3" type="radio" name="rating_blog" value="3" onclick="this.form.submit()"> 
</div> 

Answer 1

이드 페이지에서 고유해야합니다!

jQuery를 사용하는 경우 왜 '$ .ajax()'를 사용하지 마십시오?

이 작업을 시도 할 수 있습니다 :

function loadXMLDoc(event){ 
    var xmlhttp; 
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
    } 
    else { 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
      $(event.target).find("#showRating").text = xmlhttp.responseText 
     } 
    } 
    var username=$('input:radio[name=rating_blog]:checked').val(); 
    xmlhttp.open("GET", 'InsertRating?user='+username+'&p_id=<%=post_id%>&p_uid=<%=post_uid%>', true); 
    xmlhttp.send(); 
}