一个文本框的输入值，用于添加一个无序列表(Javascript)

Question

我希望将用户输入"typetextbox"的内容添加到"messagebox"UL上。

HTML代码:

<ul id="messagebox">
<li></li>
</ul>
<div>
<input type="text" id="typetextbox" maxlength="120" autocomplete="off" />
<button id="submit"> </button>
</div> 

Javascript:

$(document).ready(function(){
$('#submit').click(function(){
    var message = $('#typetextbox').val();
    $('#messagebox').prepend("<br/>");
});
});

如果我要在前括号中输入一些东西，就会显示出来，但是这段代码现在不会显示我在点击提交时写入文本框的任何文本。为什么?如何获得添加到预表列表的文本框的值?

我确定这是一个简单的问题，我忽略了，但任何帮助将不胜感激!

Answer 1

$(document).ready(function(){    
   $('#submit').click(function(){
      var message = $('#typetextbox').val();
      $('#messagebox').prepend(message + "<br/>");
   });
});

或者你的意思是:

$('#messagebox').prepend("<li>" + message + "</li>");

如果您希望对用户输入的HTML特殊字符进行编码(这样输入到文本框中的<b>bold</b>保持<b>bold</b>并且不给出粗体文本)，请尝试

$('#messagebox').prepend($("<li />").text (message));

Answer 2

您没有在文本区添加任何值，而是只添加了一个换行符。再看一遍你的代码

Answer 3

非常感谢!

我本来有
>，但发现每次我点击提交，"message +"被添加到列表中。像在换行符上添加引号这样简单的事情就使它起作用了。非常感谢!

快速问题虽然，我的按钮只工作当我点击它。当我按Enter键时，我如何让它提交?

再次感谢!