Question

我正在建立聊天。我需要使用Jquery将用户输入文本的文本拉出文本字段，并在单击发送按钮时将其放入我的无序列表中。我接近了吗？

我的错误是这个（当我查看Chrome Dev工具时）：未捕获的SyntaxError：意外的令牌;但我无法弄清楚为什么，如果这是唯一的问题？我查看了我的代码，似乎一切都已关闭

我试着看这里：http://api.jquery.com/appendTo/并在这个SO帖子。

jquery - adding a value to a list - rendering on the client side

 $( document ).ready(function() {
        $("#sendButton").click(function(){
          $('#textbox').val());
            $('<li>'+val+'</li>').appendTo('#ulList');
        });
      };

    </script>


    <h2>Broken Chat</h2>

    <input id="textbox" class="draft" type="text"/> <button id="sendButton" class="send">send</button>

    <ul id="ulList" class="messages">

我最近的努力是尝试将以下内容添加到我现有的代码中：

<li id= "userMessage"></li>

显然改变了我的追加：

$('<li>'+val+'</li>').appendTo('#userMessage');

最后的努力是：

 $('<ul>'+val+'</ul>').appendTo('#ulList');
 <ul id="ulList" class="messages">

如果我问了一个重复的问题，我很抱歉，但我还没有找到一个有效的答案。如果您在本网站上找到了其他内容，请参阅。

Answer 1

你的意思是？

$( document ).ready(function() {
        $("#sendButton").click(function(){
            var val = $('#textbox').val(); //<-- Here
            $('<li>'+val+'</li>').appendTo('#ulList');
        });
 });

这里的语法错误$('#textbox').val());并且没有对您可能打算从此语句中的文本框赋值的变量val的赋值。

Demo

Answer 2

您需要对要检索的值执行某些操作。变化

$('#textbox').val());

到

var val = $('#textbox').val());

TD

Answer 3

我修复了你的代码中的小错别字。

 $( document ).ready(function() {
    $("#sendButton").click(function(){
        var val = $('#textbox').val();
        $('<li>'+val+'</li>').appendTo('#ulList');
    });
 });

<强> Working fiddle

Answer 4

有两个错误。我会用评论指出他们。我有太多的标记，我没有定义val。在这里查找//并将该行与我原来的问题进行比较。

$( document ).ready(function() {
    $("#sendButton").click(function(){
  //Here//    var val = $('#textbox').val(); //Here//
        $('<li>'+val+'</li>').appendTo('#ulList');
    })
  });

</script>


<h2>Broken Chat</h2>

<input id="textbox" class="draft" type="text"/> <button id="sendButton" class="send">send</button>

<ul id="ulList" class="messages">
  <li id= "userMessage"></li>
</ul>

使用Jquery，从文本字段中拉出文本并将其放在onClick的无序列表中

4 个答案:

Demo