javascript - 文本输入将错误值插入列表项

Question

这是我的代码:http://jsfiddle.net/H5bRH/

每次我单击提交按钮时，它都应该将我输入的内容插入到新的 li 项目中。

但它不是这样，而是插入我第一次输入的内容加上我输入的新值。玩一下我的 jsfiddle 就明白我的意思了。

如何修复此问题，使其仅将用户输入的内容添加到表单中？

我认为这里有问题:

function saveTweet() {
    var tweet = document.getElementById("tweet");
    var tweetName = tweet.value;
    var li = document.createElement("li");
    li.innerHTML = tweetName;
    var ul = document.getElementById("tweets");
    ul.appendChild(li);
}

Answer 1

您已将 2 个点击事件附加到保存按钮。

1. button.onclick = saveTweet;
2. 使用 jQuery $("#saveTweet").click(function ()

<小时/>

$("#saveTweet").click(function () {
    var tweet = document.getElementById("tweet");
    var tweetName = tweet.value;
    var li = document.createElement("li");
    li.innerHTML = tweetName;
    var ul = document.getElementById("tweets");
    ul.appendChild(li);
    $("li").slideDown("fast");
});

JSFiddle