javascript - 通过动画形式获取数据到 php？

Question

所以我的 HTML 代码中有以下动画形式。

<form id="formElem" name="formElem" action="" method="post">
                        <fieldset class="step">
                            <legend>Consultation</legend>
                            <p>
                                <input class = "consultation" type="submit" value="General Consultation">
                            </p>
                            <p>
                                <input class = "consultation" type="submit" value="Blood Test with Consultation">
                            </p>
                            <p>
                                <input class = "consultation" type="submit" value="Full Sexual Health Screen">
                            </p>
                             <p>
                                <input class = "consultation" type="submit" value="Hair Loss PRP Treatment">
                            </p>
                             <p>
                                <input class = "consultation" type="submit" value="Executive Health Screening">
                            </p>
                             <p>
                                <input class = "consultation" type="submit" value="Flu Vaccination">
                            </p>
                            <p>
                                <input class = "consultation" type="submit" value="Other">
                            </p>

                                <input type="hidden" name="consultation" id="consultation" value="">
                        </fieldset>

                        <fieldset class="step">
                            <legend>Provider</legend>
                             <p>
                                <input class = "provider" type="submit" value="Dr. Kevin O'Connell">
                            </p>
                             <p>
                                <input class = "provider" type="submit" value="Dr. Rachel Fitxgerald">
                            </p>
                             <p>
                                <input class = "provider" type="submit" value="Dr. Simon Gilmore">
                            </p>
                            <p>
                                <input class = "provider" type="submit" value="Nurse Julie Byrne">
                            </p>

                                <input type="hidden" name="provider" id="provider" value="">
                        </fieldset>
                        <fieldset class="step">
                            <legend>Date</legend>
                            <p>
                                <input type="date" name="date">
                            </p>
                             <p class="submit">
                                <button id="registerButton" type="submit">Confirm</button>
                            </p>
                        </fieldset>

                        <fieldset class="step">
                            <legend>Confirm</legend>
                            <p>
                                Thank you for requesting an appointment. We will be in touch with you shortly to confirm it.
                            </p>
                            <p class="submit">
                                <button id="registerButton"type="submit">Home</button>
                            </p>
                        </fieldset>
                    </form>

如您所见，每个元素都是可点击的，然后它会将您带到表单的下一部分。我的目标是，在提交时，通过 php 并使用 $_POST 将用户单击的每个元素发送到操作页面。我已经尝试为此使用 jQuery 并检测何时单击元素，将该值传输到隐藏输入并从中检索数据，但我似乎无法正确处理。

$('input.consultation').click(function(){
  $(this).text() = consultation_value;
  $('#consultation').text() = consultation_value;
  console.log(consultation_value);
});

$('input.provider').click(function(){
  $(this).text() = provider_value;
  $('#provider').text() = provider_value;
  console.log(provider_value);
});

如果有人可以帮助我了解为什么我的代码不起作用或提供更有效的解决方案，我将不胜感激

标签： javascriptphp