javascript - “stepUp”在未实现接口(interface) HTMLInputElement 的对象上调用

Question

我有一个带有 id #country 的国家下拉列表。我正在尝试将选择的值作为 ajax 请求传递给 php 文件 - countrycode.php，并将收到的值传递给另一个带有 id #tele 的输入字段。我的代码如下:

<script>
$('#country').change(function() {
    //var country = $(this).val();
    var country = $('#country').val();
    //alert(country);
});
                $.ajax({
                    type: "POST",
                    url: 'countrycode.php',
                   data: { country : country },
                    success: function(data)
                    {
                       $("#tele").html(data);
                    }
                });
</script>

警报(国家)；显示选择的正确国家。我尝试使用:

var country = $(this).val();

还有正确的警报消息。

问题在于:

data: { country : country },

我收到错误: TypeError: 'stepUp' 调用了一个没有实现接口(interface) HTMLInputElement 的对象

我尝试了 Stackoverflow 中的所有答案..但无法理解它不起作用的原因？？？？

Answer 1

您的country 变量在change 函数中。所以它对于ajax来说是未定义的。我认为它必须是全局性的。

你能试试这个吗？

<script>
      var country;
      $('#country').change(function() {
            //var country = $(this).val();
            country = $('#country').val();
            //alert(country);
            $.ajax({
                type: "POST",
                url: 'countrycode.php',
                data: { country : country },
                success: function(data)
                      {
                         $("#tele").val(data);
                      }
            });
      });
</script>