Jquery 从表格中附加某物
嘿,这是我的第一个问题,所以我真的不知道如何像职业选手一样提问,但不管怎样Jquery 从表格中附加某物,jquery,forms,append,Jquery,Forms,Append,嘿,这是我的第一个问题,所以我真的不知道如何像职业选手一样提问,但不管怎样 顺便说一句,我有所有jquery链接,但我只是将它们从问题中删除,因为他们认为这是解释发生了什么的上下文。 因此,我试图从我的表格中获取数据,然后将其附加到ul中以生成更多li <script type="text/javascript"> $(document).ready(function () { $(".sort").sorta
顺便说一句,我有所有jquery链接,但我只是将它们从问题中删除,因为他们认为这是解释发生了什么的上下文。
因此,我试图从我的表格中获取数据,然后将其附加到ul中以生成更多li
<script type="text/javascript">
$(document).ready(function () {
$(".sort").sortable();
});
function getinfo() {
var stuff = $("input[name=stuff]").val();//this is where i am getting my form data
$("ul").append("<li>"+stuff+"</li>");//this is where i am trying to run the append function
}
</script>
</head>
<body>
<center>
<ul class="sort">
<li>hi</li>// yep umm here is where i want to add more li
</ul><br />
<form method="post" action="">
<input class="stuff" type="text" name="stuff" />//this is the form
<input class="submit" id="rounder" type="button" value="Add" onclick="getinfo" />
</form>
</body>
</html>
$(文档).ready(函数(){
$(“.sort”).sortable();
});
函数getinfo(){
var stuff=$(“输入[name=stuff]”).val();//这就是我获取表单数据的地方
$(“ul”).append(“”+stuff+“ ”);//这就是我试图运行append函数的地方
}
- 您好
//是的,嗯,我想在这里添加更多的li
//这是表格
您以错误的方式调用函数,调用函数如下:
<input class="submit" id="rounder" type="button" value="Add" onclick="getinfo()" />
您以错误的方式调用函数,调用函数如下:
<input class="submit" id="rounder" type="button" value="Add" onclick="getinfo()" />
- 您好
//是的,嗯,我想在这里添加更多的li
//这是表格
这样更好:
$('form').submit(function(){
var stuff = $(this).find("input[name=stuff]").val();//this is where i am getting my form data
$("ul").append("<li>"+stuff+"</li>");//this is where i am trying to run the append function
return false;
});
$('form')。提交(函数(){
var stuff=$(this.find(“input[name=stuff]”).val();//这是我获取表单数据的地方
$(“ul”).append(“”+stuff+“ ”);//这就是我试图运行append函数的地方
返回false;
});
- 您好
//是的,嗯,我想在这里添加更多的li
//这是表格
这样更好:
$('form').submit(function(){
var stuff = $(this).find("input[name=stuff]").val();//this is where i am getting my form data
$("ul").append("<li>"+stuff+"</li>");//this is where i am trying to run the append function
return false;
});
$('form')。提交(函数(){
var stuff=$(this.find(“input[name=stuff]”).val();//这是我获取表单数据的地方
$(“ul”).append(“”+stuff+“ ”);//这就是我试图运行append函数的地方
返回false;
});
使用jQuery添加侦听器,而不是使用onclick
属性
$(document).ready(function () {
$('.submit').click(getinfo);
$(".sort").sortable();
});
看看这个JSFiddle 使用jQuery添加监听器,而不是使用
onclick
属性
$(document).ready(function () {
$('.submit').click(getinfo);
$(".sort").sortable();
});
看看这个JSFiddle 您必须以这种方式调用函数
getinfo()
。。html中的注释是这样的:
或
您必须以这种方式调用函数getinfo()
。。html中的注释是这样的:
或
此选项中返回false do的内容数据未消失且页面未重新加载此选项中返回false do的内容数据未消失且页面未重新加载