작성된 QUERY, 내부에 표시 할 데이터 필요

Question

PHP 및 HTML을 사용하는 웹 페이지를 수정하려고합니다.

기본적으로 생성 된 항목 목록이 있습니다. 값은 행 길이에 따라 1 또는 10이 될 수 있습니다.

각 목록 항목 옆에 "삭제"버튼이 있습니다. 지금은 삭제 작업이 있지만 확인 대화 상자 팝업을 만들어야합니다.

모든 것이 작동하지만 내 JavaScript로 들어가는 목록의 첫 번째 버튼 만 실행됩니다.

필자의 PHP 루프가 실행 된 후에 HTML 페이지에 약 5 번 코드가 생깁니다.

<input type="button" id="btnShowSimple" value="Simple Dialog" /> 

내 자바 스크립트는 "btnShowSimple"을 클릭하면 찾지 만, 모두 동일한 ID가있을 때 어떤 이유로 첫 번째 하나는 기능은 할당했다?

Answer 1

id은 웹 페이지에서 고유합니다. 클래스를 대신 사용하면 해당 클래스 이름을 가진 모든 요소를 ​​가져올 수 있습니다.

<input type="button" class="btnShowSimple" value="Simple Dialog" /> 

Answer 2

는 고유 ID의 현재 클래스 btnShowSimple이 요소 ID를 얻을 후 클릭하면 보시려면 자바 스크립트를 사용하여 지금 당신은 당신이하고자하는대로 할 수

$i=1; 
foreach($result as $row) { 
echo '<input type="button" class="btnShowSimple" id="dialog['.$i.']" value="Simple Dialog" />'; 
$i++; 
} 

말을 생성 : 여기에 클래스가 예입니다 .

Answer 3

문제는 당신이 요소의 ID를 복제하고 있다는 것입니다. HTML ID는 고유해야합니다. 코드를 사용하여 추가 할 요소의 수를 얻은 다음 id의 "btnShowSimple-n"을 만들 것을 권장합니다. 여기서 n은 요소의 수입니다.

Answer 4

동일한 ID를 가진 요소를 여러 개 가질 수 없습니다. 또한, 그냥 자바 스크립트에 대한 다음

<input type="button" class="btnShowSimple" id="{$UniqueID}" onclick="delete_function(this);" value="Simple Dialog" /> 

...

function delete_function(btn) { 
    //handle delete stuff here 
    var id = btn.id; //this is the unique id from the button 

    //for a confirm box 
    if(confirm("Are you sure you want to delete ID: " + id + "?")) { 
     //yep 
    } 
}