jquery - 当我们使用 .val() 时如何连接一个 php 字符串？

Question

我有一个输入字段，我正在<span>用它的值填充一个标签，但我需要在它旁边附加一个 php 字符串。目前，如果我使用以下内容，它甚至会覆盖 php 字符串

html

<input id="nameField" />
<p><span id="userName"></span> + <?php echo $string; ?></p>

jQuery

$('#nameField').on('keyup', function() {
   var my_value = $(this).val();
   $('span#userName').html(my_value);
});

Answer 1

您必须使用.append()将您的值附加到 php 字符串。

$('#nameField').on('keyup', function() {
   var my_value = $(this).val();
   $('span#userName').append(my_value);
});

Answer 2

完全更新我的答案：

我已经简化了这个

<span id="userName"></span>
<input type="text" class="typehere">


var input = $('.typehere'),
    output = $('span#userName')
;


input.on('keydown keypress', function() {
    setTimeout(function() {
        output.text(input.val());
    }, 0);
});

这将为您提供实时打字。

PHP 在服务器端呈现，所以只要超出范围就可以了，

看看这个小提琴。：http: //jsfiddle.net/pushplaybang/3aEFm/3/