Question

好的，最后一个问题。我有两个输入，只有一个是打印。我知道我的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

Answer 1

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

如果您想在h6标签后添加div。使用jquerys .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/

使用jQuery打印出用户在表单下输入的HTML表单

1 个答案: