Question

我遇到一些问题，让我的jquery函数从输入的html表单元素中获取数据。

这是我的javascript：

<script>
$(function(){


    $('#estimate').click(function() {

        var postcode_entry = $('#postcode_entry').value;

        $("#shipping_method").html("<div style=\'margin:20px auto;width:100px;text-align:center;\'><img src=\'ext/jquery/bxGallery/spinner.gif\' /></div>").show();

        $.get("checkout_shipping.php", {country: "38", refresh_quotes: "1", postcode: postcode_entry, zone_name: "canada" }, 
                function(data){
                    $("#shipping_method").html(data);
                }
            );



    });
});

</script>

HTML：

<input type="text"  name="postcode" id="postcode_entry" />
<button type="button" id="estimate" >Estimate..</button>

我无法将postcode_entry数据输入到该函数中。如果我硬编码邮政编码然后它正常工作。

Answer 1

您似乎使用 DOM对象上提供的属性访问 jQuery对象的值。

将.val()用于jQuery对象，将.value用于DOM对象。

$('#postcode_entry').value;

原来是

$('#postcode_entry').val()  // accessing value of jQuery Object

或

$('#postcode_entry')[0].value; // accessing value of DOM object

Answer 2

尝试jQuery函数val()而不是不存在的属性.value：

$('#postcode_entry').val()

Answer 3

var postcode_entry = $('#postcode_entry').val();

将数据从html表单转换为jquery函数的问题

3 个答案: