Javascript 我想在<；中呈现我的输入文本值；p></p>；标签

我想在

标记中呈现我的输入文本值。我可以将输入文本值呈现给其他输入，但如何在

标记中呈现该值

工作样本：

HTML:

---

您需要使用

.text（）

/

.html（）

而不是

.val（）

来设置p元素的内容：

 $('#selectedPCP').text(nameValue);

您应该在附加事件后触发keyup以查看加载本身的更改。您还可以将代码范围缩小到：

$('#PCPName').keyup(function(){
    var nameValue = $('#PCPName').val();
    $('#selectedPCP').text(nameValue == "" ? 'Not Selected' : nameValue);
}).keyup();

.val（）

用于字段元素，如

input

和

textarea

$('#selectedPCP').text('Not Selected');

根据你的情况：

if (nameValue == ""){
    $('#selectedPCP').text('Not Selected');
}
else{
    //alert(nameValue);
    $('#selectedPCP').text(nameValue);
}

使用

$（'PCPName'）。在（'keyup change'，function（）{
$（“#selectedPCP”）.text（this.value | |“未选定”）；
});




所选PCP:
嘿
如果您不想覆盖
p
标记中的当前文本，请在p标记上使用jquery'
append
。另外，将ID更改为类，这样它就可以同时处理
input
和
p
元素


这里有一个更新的小提琴，它使用on
keyup
和一个更好的方法：

$('#selectedPCP').text('Not Selected');

if (nameValue == ""){
    $('#selectedPCP').text('Not Selected');
}
else{
    //alert(nameValue);
    $('#selectedPCP').text(nameValue);
}