2016-08-15 3 views
-1

3 단계로 진행되는 양식이 있습니다. 2 단계에서 해당 버튼을 클릭하여 특수 효과를 선택하라고 사용자에게 요청합니다. 버튼을 클릭하면 3 rd으로 이동하고 마지막 단계로 이동해야합니다. 나는 이름이 여기에 작동합니다 생각하지 않는다버튼에서 값을 얻는 방법

<button class="btn btn-primary nextBtn btn-proffessional " 
     type="button" name="hair_stylist" >HAIR STYLIST</button> 
<button class="btn btn-primary nextBtn btn-proffessional " 
     type="button" name="cosmetologist" >COSMETOLOGIST</button> 
<button class="btn btn-primary nextBtn btn-proffessional " 
     type="button" name="makeup_artist" >MAKEUP ARTIST</button> 
<button class="btn btn-primary nextBtn btn-proffessional " 
     type="button" name="barber" >BARBER</button> 
<button class="btn btn-primary nextBtn btn-proffessional " 
     type="button" name="esthetician" >ESTHETICIAN</button> 
<button class="btn btn-primary nextBtn btn-proffessional " 
     type="button" name="nail_technitian" >NAIL TECHNITIAN</button> 

: 여기

버튼 코드입니다. data-*으로 수행 할 수있는 작업이 있습니까? 양식을 제출할 때 PHP에서이 값을 보내고 가져올 수 있습니까?

+0

어떤 다시 탭 키가 없다 ... 당신은 편집기를 사용하여 "깔끔한 코드"를 클릭 할 수 있습니다 – Ivan

+0

어쩌면 숨겨진 입력이 제대로 업데이트? – mic4ael

+1

'button'도'value' 속성을 가지고 있습니다. – CBroe

답변

3

이름이 있으면 필요합니다.

두 가지 문제점이 있습니다.

<button 
    class="btn btn-primary nextBtn btn-proffessional" 
    type="submit" 
    name="profession" 
    value="hair_stylist"> 
     Hair Stylist 
</button> 
: 당신이 실제로 필요

  1. 당신은 양식

이러한에게 제출하기 위해 버튼을 제출로 버튼을 필요로 값을 보내기 위해 값이

다음 PHP로 간단히하실 수 있습니다 :

do_something_with($_POST["profession"]); 
+0

그러나 양식은 다른 입력으로 구성되어 있으므로 버튼 값을 포함하여 모든 필드의 모든 값을 전송하는 제출 버튼이 하나 있습니다! –

+0

@HkmSadekHossain - 올바르지 않습니다. 제출 버튼은 양식을 트리거하는 데 사용되는 버튼 인 경우 성공적인 컨트롤 (양식이 제출 될 때만 이름과 값을 보냅니다)입니다. (버튼 요소에 관해서는 악명 높았던 버그였던 Internet Explorer의 일부 * 아주 오래된 버전과 지원되지 않는 버전 제외). – Quentin

+0

나는 분명하지 않을 수도 있습니다. 또는, 나는 당신을 얻지 못한다. 그런데, 제출 유형 인 하나의 "보내기"버튼을 사용하여 어떻게 모든 이름의 양식을 제출할 수 있는가? –

-1

value 매개 변수를 사용하십시오.

예 :

<button class="btn btn-primary nextBtn btn-proffessional " type="button" name="hair_stylist" value="HAIR STYLIST">HAIR STYLIST</button> 
1

당신은이에 대한 JQuery와 포스트 기능을 사용할 수 있습니다.
처음 조금씩 HTML 코드를 변경하십시오.

$(document).ready(function() { 

    $('.nextBtn').on('click', function() { 



     $.post("NewPage.php", 
      {value: this.id 
     }); 
    }); 
}); 

버튼을 클릭 한 후 : 여기에 일부 jQuery 코드

<button class="btn btn-primary nextBtn btn-proffessional " 
type="button" name="hair_stylist" id="HAIR STYLIST">HAIR STYLIST</button> 
<button class="btn btn-primary nextBtn btn-proffessional " 
type="button" name="cosmetologist" id="COSMETOLOGIST">COSMETOLOGIST</button> 
    <button class="btn btn-primary nextBtn btn-proffessional " 
type="button" name="makeup_artist" id="MAKEUP ARTIST">MAKEUP ARTIST</button> 
<button class="btn btn-primary nextBtn btn-proffessional " 
type="button" name="barber" id="BARBER" >BARBER</button> 
    <button class="btn btn-primary nextBtn btn-proffessional " 
type="button" name="esthetician" id="ESTHETICIAN" >ESTHETICIAN</button> 
    <button class="btn btn-primary nextBtn btn-proffessional " 
type="button" name="nail_technitian" id="NAIL TECHNITIAN" >NAIL TECHNITIAN</button> 

하여 버튼의 id 내부에 값을 넣습니다. 그 특정 버튼은 그 클래스에 의해 액세스 될 것이고, 그 다음에 데이터를 NewPage.php으로 보냅니다 (새로운 PHP 페이지를 만들어야합니다). POST 배열을 통해 값에 접근 할 수 있습니다.

NewPage.php이

If(isset($_POST['value'])) 
{ 
    //Do your process here 
} 
관련 문제