리디렉션 버튼에서 html로 리디렉션 금지

Question

몇 개의 버튼과 제출 버튼이 있습니다. (간단하게) 내 생각은 PHP를 사용하여 클릭 한 버튼의 값을 받고을 제출할 때 으로 표시하는 것입니다. 여기에서 나는 버튼 클릭 자체가 페이지로 리다이렉트하고 값을 표시한다는 문제에 직면한다. (제출 버튼이 눌러지기를 기다리지 않는다는 것을 의미한다.) 나는 here과 같은 자바 스크립트를 따라 갔다. 그러나 일하지 않았다. 이것을 달성하기위한 어떤 방법? 당신이 절대적으로 필요는 당신이 버튼을 여기에 사용하는 경우 :

<form action="calculate.php" method="POST"> 

<button type="" name="btn" style="background-color:#7F77AE" value="Alf">x1</button> 
<button type="" name="btn" style="background-color:#7F77AE" value="ABI">y1</button> 
<button type="" name="btn" style="background-color:#7F77AE" value="APE">z1</button> 

<input type="submit" value="Submit"> 

PHP 부분은

$button = $_POST['btn']; 
echo $button; 

Answer 1

는 "버튼"

<form action="calculate.php" method="POST"> 

<button type="button" name="btn" style="background-color:#7F77AE" value="Alf">x1</button> 
<button type="button" name="btn" style="background-color:#7F77AE" value="ABI">y1</button> 
<button type="button" name="btn" style="background-color:#7F77AE" value="APE">z1</button> 

<input type="submit" value="Submit"> 

편집으로 일반 버튼의 유형을 정의하는 것만 큼 간단 다음과 같이 할 수 있습니다.

<script> 
function select(val){ 
    document.getElementById("btnValueStore").value = val; 
} 
</script> 

<form action="calculate.php" method="POST"> 
<button type="button" style="background-color:#7F77AE" onClick="select('Alf')">x1</button> 
<button type="button" style="background-color:#7F77AE" onClick="select('ABI')">y1</button> 
<button type="button" style="background-color:#7F77AE" onClick="select('APE')">z1</button> 
<input type="hidden" value="" name="btn" id="btnValueStore"> 
<input type="submit" value="Submit"> 
</form> 

먼저 숨겨진 입력을 정의하여 마지막으로 누른 버튼의 값을 유지합니다.

select 함수는 숨겨진 입력 필드의 값을 전달하는 값으로 변경합니다.

버튼마다 "onClick"속성을 설정하여 해당 버튼 값으로 select 함수를 호출하십시오.

참고 :이 특정 구현은 하나의 버튼 만 "선택한"(마지막으로 클릭 한 것) 만 허용합니다. 하나 이상의 버튼을 "선택"하는 기능을 사용하려면 여러 숨겨진 입력 필드가 필요합니다.