将状态更新为输入字段

时间:2012-02-16 07:25:47

标签: javascript html ajax

在我的表单中输入随机电子邮件地址,并注意顶部的ajax更新 - http://goo.gl/DwvdY

如何将这些更新直接放在您输入电子邮件地址的输入框中?这让我发疯了

有一个名为#response的空div首先填充了这个JS文本更新:

$('response').innerHTML = 'Adding email address...';

然后,相同的div获取返回给它的状态,并使用PHP回显更新的更新。

<span id="response">
<? require_once('inc/store.php'); if($_GET['submit']){ echo storeAddress(); } ?>
</span>

1 个答案:

答案 0 :(得分:0)

它应该是:

$('#response').html('Adding email address...');

要直接存储文本框,请执行以下操作:

$('#email').val('Adding email address...');

这应该这样做:

$('#signup').submit(function() {
    // update user interface
    //store the value first to another variable before setting a new one
    var email = $("#email").val();

    $('#email').val('Adding email address...');

    // Prepare query string and send AJAX request
    $.ajax({
        url: 'inc/store-address.php',
        data: 'ajax=true&email=' + escape(email),
        success: function(msg) {
            $('#email').val(msg);
        }
    });

    return false;
});