Проблемы с получением данных из HTML-формы в функцию JQuery

Question

Проблемы с получением данных из HTML-формы в функцию JQuery

0

У меня возникли некоторые проблемы с получением моей функции 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 в функции. если я жестко кодирую почтовый код, тогда он работает правильно.

Sackling 16 дек. 2013, в 23:07

Источник

Теги:

javascript

jquery

html

3 ответа

Ещё вопросы

Sushanth -- · Answer 1 · 2013-12-16T19-42-00.000Z

Кажется, вы обращаетесь к значению объекта jQuery, используя свойство, которое доступно на объекте DOM.

используйте .val() для объекта jQuery и .value для объекта DOM.

$('#postcode_entry').value;

Должно быть

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

или

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

Jason P · Answer 2 · 2013-12-16T18-45-00.000Z

Попробуйте функцию jQuery val() вместо несуществующего свойства .value:

$('#postcode_entry').val()

Adrift · Answer 3 · 2013-12-16T18-41-00.000Z

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