文本输入在列表项目中插入错误的值
文本输入在列表项目中插入错误的值
提问于 2013-12-09 18:52:09
下面是我的代码：http://jsfiddle.net/H5bRH/
每次我点击submit按钮，它都会将我输入的内容插入到一个新的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);
}回答 4
Stack Overflow用户
发布于 2013-12-09 18:58:50
您已将2个click事件附加到save按钮。
button.onclick = saveTweet;- Using 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");
});Stack Overflow用户
发布于 2013-12-09 18:58:05
为什么不把所有的代码都简化为：
$("#saveTweet").click(function () {
$('#tweets').append('<li>' + $("#tweet").val() + '</li>')
$("li").slideDown("fast");
});Stack Overflow用户
发布于 2013-12-09 18:58:24
将slideDown调用移动到saveTweet函数，而不是为#saveTweet按钮提供两个单击处理程序。
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);
$("li").slideDown("fast");
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20478348
复制
相似问题
如何使用crontab调度sqoop作业
Crontab正在调度作业，但未执行
基于crontab的Sqoop作业调度
最佳调度作业
如何使用python和crontab调度作业？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
