显示命令文本

我的代码：显示命令文本

var element = '<button>'+text+'</button>'; 
$('#output').append(element+"\n");

HTML

<textarea id="output" readonly></textarea>

我希望它这样的元素（按钮）在textarea的文字不是元素显示。我希望它显示：

'<button>Hi</button>'

如果文本= “你好”
任何想法？

来源

2016-09-30 killereks

可能的重复：http://stackoverflow.com/questions/1787322/htmlspecialchars-equivalent-in-javascript – Jrod

使用.val()代替.append()：

$('#output').val(element+"\n");

来源

2016-09-30 15:46:35 j08691

它必须追加。 – killereks

@killereks它为什么要被追加？如果你需要建立输入，只需使用'$（'＃output'）.val（$（'＃output'）.val（）+ element +“\ n”）;' – j08691

因为我有很多其他的行那里？我需要它被追加，所以它被添加。 – killereks

正如在其他答复中提到，使用val()但你想覆盖它之前得到现有的值。这个答案被张贴的原因是由于另一个没有被更新。

工作演示

$("#Example").on("click", function() { 
 
    //Add new input before existing content 
 
$('#output').val($('#input').val()+"\n"+$('#output').val()); 
 
    //Add new input after existing content 
 
//$('#output').val($('#output').val() +$('#input').val()+ "\n"); 
 
$('#input').val(''); 
 
    $('#input').focus(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<input type="text" id="input"/><button id="Example">Add</button><br/> 
 
<textarea id="output" readonly></textarea>

JS Fiddle Demo

要预设文本到一个按钮，你可以环绕输入值的按钮标记。

例子："<button>"+$('#input').val()+"</button>"JS Fiddle Demo 2

演示两个

$("#Example").on("click", function() { 
 
//New input before existing content 
 
$('#output').val("<button>"+$('#input').val()+"</button>\n"+$('#output').val()); 
 
//New input after existing content 
 
//$('#output').val($('#output').val() +"<button>"+$('#input').val()+ "</button>\n"); 
 
    $('#input').val(''); 
 
    $('#input').focus(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<input type="text" id="input"/><button id="Example">Add</button><br/> 
 
<textarea id="output" readonly></textarea>

如果您对源代码的任何问题，上面请在下面发表评论，我会得到尽快回复给你。

我希望这个帮助。快乐的编码！

来源

2016-09-30 16:15:30 NewToJS

显示命令文本

回答

相关问题