我不会得到已发布的输入值
我不会得到已发布的输入值
提问于 2015-11-30 06:29:43
我使用jquery和javascript创建了一个add任务，但是当我键入某些内容并单击add任务时，这个值并没有显示出来，我试过了，但是它对我没有用，但是请告诉我它是否可能，或者我做错了什么。
$(document).ready(function() {
var max_fields = 10;
var wrapper = $(".task");
var add_button = $(".add_task");
var a = document.getElementById('input').value;
document.getElementById("set").innerHTML = a;
var x = 1;
$(add_button).click(function(e){
e.preventDefault();
if(x < max_fields){
x++; //text box increment
$(wrapper).append("<div id='set'><p>"+a+"</p><a href='#' class='remove'>Remove</a></div>");
}
});
$(wrapper).on("click",".remove", function(e){
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});我的html代码
<div class="task">
<input type="text" value="" name='input' id="input" />
<button class="add_task">Add New Task</button>
<div id='set'><p></p></div>
</div>回答 3
Stack Overflow用户
回答已采纳
发布于 2015-11-30 06:40:20
您需要在click事件中获取输入的值。目前，您正在对dom准备好它，此时它是空的。然后使用空值创建元素。
$(add_button).click(function (e) {
e.preventDefault();
a = $("#input").val();
if (x < max_fields) {
x++; //text box increment
$(wrapper).append("<div id='set'><p>" + a + "</p><a href='#' class='remove'>Remove</a></div>");
}
});小提琴
Stack Overflow用户
发布于 2015-11-30 06:45:00
这可能是打错了
$(wrapper).on("click",".remove", function(e){
e text //what is the use of this remove it then check it will work fine
e.preventDefault(); $(this).parent('div').remove(); x--;
})小提琴
Stack Overflow用户
发布于 2015-11-30 06:50:32
下面的片段很好。
$(add_button).click(function (e) {
e.preventDefault();
if (x < max_fields) {
x++; //text box increment
var a = document.getElementById('input').value;
$(wrapper).append("<div id='set'><p>" + a + "</p><a href='#' class='remove'>Remove</a></div>");
}
});查看小提琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33992672
复制相关文章
相似问题
腾讯云开发者
