如何在PHP中獲取HTML按鈕的data-value =“ 1”？

Question

我正在使用data-value="1"屬性覆蓋Bootstrap模式按鈕的值，以便在PHP中使用它。 但是我的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>

使用Javascript

<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

盡管您可以使用AJAX完成此操作，但data-value不會自動發送到服務器。 我建議您在表單中使用隱藏的輸入並將值設置為所需的值：

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