Question

我正在尝试使用ajax / jquery获取输入值而没有刷新并将该值传递给php，但是我的代码无法正常工作，在javasciprt上，警报无法正常工作，所以我有这个html

<input type="number" id="cantidad" name="cantidad"
       placeholder="1-10"
       min="1" max="10" value="1" />

在此之前有一个jquery脚本

 <script type='text/javascript'>


$( "#cantidad" ).change(function() {

     var model=$('#cantidad').val();
    alert(model);


});

</script>

所以这不起作用，如果可以的话，如何将值传递给php？

Answer 1

它不起作用，因为您在click事件处理程序中声明了一个新函数，但从不调用该函数。

以下两种方法展示了如何使您的工作变得有用。

然后使用ajax将数据发送到php

function getHouseModel() {
  var model = $('#cantidad').val();
  console.log('From getHouseModel', model);
}
// make sure document is ready
$(function(){
    // using declared function as handler
    $(".comprarH3").click(getHouseModel);

    // or without declared function
    $(".comprarH3").click(function() {
      var model = $('#cantidad').val();
      console.log('Basic', model);
    });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="cantidad" name="cantidad"
       placeholder="1-10"
       min="1" max="10" value="1" />
       
       <button class='comprarH3'>Click me</button>

Answer 2

在点击处理程序中，直接调用您的代码，而不仅仅是声明一个函数。否则，在处理程序外部声明该函数，然后在单击处理程序内部调用。还要确保document.ready是任何此类代码的全局容器。

<script type='text/javascript'>

$(document).ready(function() {
    $( ".comprarH3" ).click(function() {
       /* function getHouseModel(){  */
        var model=$('#cantidad').val();
        alert(model);

         /* }   */

    });
});
</script>

如何在不提交php的情况下获取输入值？

2 个答案: