PHPでHTMLボタンのdata-value = "1"を取得する方法は？

Question

PHPで使用するために、ブートストラップモーダルボタンの値をdata-value="1"属性で上書きしています。しかし、私のPHPコードはnullです。値は、データベースにチェックするためのIDです。ここで

if (value matches) { 
    do this 
} else { 
    do this 
} 

は私のコードです：

HTML

<button type="button" class="btn btn-primary" id="bookNow" data-value='1' data-toggle="modal" data-target="#myModal">Book Now</button> 

ブートストラップモーダル

<div class="modal fade" id="myModal" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Confirm Booking</h4> 
      </div> 
      <div class="modal-body"> 
       <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> 
        <button type="submit" class="btn btn-primary" name="bookMe" value="" id='btnCon' data-value="" >Confirm</button> 
        <input type="submit" class="btn btn-danger" name="reset" value="Cancle" data-dismiss="modal"> 
       </form> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

JavascあなたはAJAXでそれを達成できたもののRIPT

<script type="text/javascript"> 
    //value getter 
    var btn = document.getElementById('bookNow'); 
    var modalBtn = document.getElementById('btnCon'); 
    //evnt liestenr 
    btn.addEventListener('click', handleClick); 
    modalBtn.addEventListener('click',handleModal); 
    //event Functions 
    function handleClick (e) { 
     var btn = e.target; 
     var value = btn.dataset.value; 
     var modalBtn = document.getElementById('btnCon'); 
     modalBtn.dataset.value = value; 
    } 
    function handleModal (e) { 
     var btn = e.target; 
     var value = btn.dataset.value; 
     console.log(value); 
    } 
</script> 

PHP

if (isset($_POST['bookMe'] == null)){ 
    echo "data-value is null"; 
} 

Answer 1

data-value年代には、自動的にサーバに送信されません。私はあなたのフォームに隠し入力を使用し、あなたはそれをする必要が何に価値を設定するお勧め：

<input type="hidden" name="bookMe" value="whateverValue" />