-1

好的，最后一个问题。我有两个输入，只有一个正在打印。我知道我的 jquery 是错误的，但我该如何修复它以打印两者？

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="jquery-1.10.2.min.js"></script>
<script src="script.js"></script>
</head>
<title>Hello world</title>
<body>
    <form id="games">
First Input:    <input type="text" name="input1" placeholder="Write stuff in me"/><br/>
Second Input:   <input type="text" name="input2" placeholder="And in me"/><br/>
<br/>
<button
4

1 回答 1

1

你需要关闭你的<h6>标签，然后你的追加将把 div 放在那里，但我认为你不能把 div 放在<h>标签中。如果您想要 h6 中的文本，请尝试使用 span。

如果要在 h6 标记后添加 div。使用 jquery.after()函数。

$('h6').after('<div class="item">' + toAdd + '</div>')

根据您的编辑进行编辑。

当您单击按钮时，您提交的表单将清除您的页面。只需添加一个 preventDefault 即可阻止这种情况的发生...

$(document).ready(function () {
    $('#printbtn').click(function (e) {
        e.preventDefault();
        var toAdd = $('input[name=input1]').val();
        $('h6').after('<div class="item">' + toAdd + '</div>')
    });
});

这是一个演示：http: //jsfiddle.net/Pk6q4/2/

于 2013-10-30T19:17:49.257 回答