用HTML打印变量的动态值,而无需重新加载页面

时间:2018-08-03 10:57:43

标签: javascript jquery html input text

我有一个变量,

var default_user = "Guest"

当用户通过输入字段提交其名称时,此变量的值将更改,如下所示:

$( ".inputfield" ).keypress( function( e ) {
    if ( e.keyCode == 13 ) { 
        if( $('.inputfield').val() == "" ) {

        } else {

            default_user = $('.inputfield').val();

        }
    }
}); 

如何在提交新值后在HTML文本元素中打印此变量的更新值,而不必重新加载页面?

1 个答案:

答案 0 :(得分:1)

创建一个跨度,并在该跨度中设置更新值。

$( ".inputfield" ).keypress( function( e ) {
    if ( e.keyCode == 13 ) { 
        if( $('.inputfield').val() == "" ) {

        } else {

            default_user = $('.inputfield').val();
$("#yourSpan").text(default_user);

        }
    }
});