に投稿しようとして<form>
い<div id="contactform">
ますが、うまくいきません。デバッガーにはエラーが表示されず、何も表示されません (フォーム)。
これは私のHTMLコードです:
<!DOCTYPE html>
<html>
<head>
<title>Contacts</title>
<link rel="stylesheet" href="style/main.css" type="text/css">
<script src="vendor/couchapp/loader.js"></script>
<script src="recordedit.js"></script>
</head>
<body>
<div id="account"></div>
<h1>Contacts</h1>
<div id="items"><div id="add"><a href="#" class="add">Add Contact</a></div>
<div id="contacts"></div>
<div id="contactform"></div>
</body>
</html>
これは、ヘルパー「recordedit.js」の JavaScript コードです。
function contactform(doctoedit) {
var formhtml;
formhtml =
'<form name="update" id="update" action="">';
if (doctoedit) {
formhtml = formhtml +
'<input name="docid" id="docid" type="hidden" value="' + doctoedit._id + '"/>';
}
formhtml = formhtml +
'<table>';
formhtml = formhtml +
'<tr><td>Name</td>' +
'<td><input name="name" type="text" id="name" value="' + (doctoedit ? doctoedit.name : '') +
'"/></td></tr>';
formhtml = formhtml +
'<tr><td>Phone</td>' +
'<td><input name="phone" type="text" id="phone" value="' + (doctoedit ? doctoedit.phone : '') +
'"/></td></tr>';
formhtml = formhtml + '<tr><td>Email</td>' +
'<td><input name="email" type="text" id="email" value="' + (doctoedit ? doctoedit.email : '') +
'"/></td></tr>';
formhtml = formhtml +
'</table>' +
'<input type="submit" name="submit" class="update" value="' + (doctoedit ? 'Update' : 'Add') + '"/>' +
'</form>';
$("#contactform").empty();
$("#contactform").append(formhtml);
}
$(document).ready(function () {
updatecontacts();
$("a.add").live('click', function (event) {
contactform();
});
});