thinkPHP는 같은 페이지에 두 개의 동일한 양식을 가질 수 있습니까?

Ajax를 사용하여 제출했는데 왜 첫 번째 양식에서는 데이터를 제출할 수 있나요? 제출을 클릭해도 아무 일도 일어나지 않습니다. 두 양식이 완전히 동일한 이유는 무엇입니까?

<code>var oBtn1=document.getElementById('btn1');
var oTxt=document.getElementById('textarea');
oBtn1.onclick=function(){
  oV1=oTxt.value;
  ajax("{:U('zhuye/zhuye')}",oV1,function(str){
    if(str==1){
      window.location.reload();
    }
  });
}
<form>
   <textarea id="textarea" rows="1"></textarea>
   <input type="button" id="btn1" value="提交">
</form>
<form>
   <textarea id="textarea" rows="1"></textarea>
   <input type="button" id="btn1" value="提交">
</form></code>

답글 내용:

Ajax를 사용하여 제출했는데 왜 첫 번째 양식에서는 데이터를 제출할 수 있나요? 제출을 클릭해도 아무 일도 일어나지 않습니다. 두 양식이 완전히 동일한 이유는 무엇입니까?

<code>var oBtn1=document.getElementById('btn1');
var oTxt=document.getElementById('textarea');
oBtn1.onclick=function(){
  oV1=oTxt.value;
  ajax("{:U('zhuye/zhuye')}",oV1,function(str){
    if(str==1){
      window.location.reload();
    }
  });
}
<form>
   <textarea id="textarea" rows="1"></textarea>
   <input type="button" id="btn1" value="提交">
</form>
<form>
   <textarea id="textarea" rows="1"></textarea>
   <input type="button" id="btn1" value="提交">
</form></code>

getElementById는 조건에 맞는 첫 번째 요소를 찾으면 실행을 계속하지 않으므로 두 ID가 동일하면 첫 번째 양식의 내용만 가져올 수 있습니다

텍스트 영역의 ID가 중복되지 않나요?

이것은 명백한 실수입니다. HTML의 요소 ID는 고유해야 합니다.

ID는 고유하며 중복될 수 없습니다.

같은 페이지 내에서 ID가 고유합니다