Question

我在HEAD中执行动态添加（通过函数）提交的两个脚本时出现问题。

我的HTML是：

<html>
<head>
<title>Web Page</title>
<script src="js/jquery.min.js"></script>
<script src="js/script.js"></script>
<script src="js/forms.js"></script>
</head>
<body>
<div id="container">
</div>
</body>
</html>

因此，当我通过函数动态添加表单并尝试提交数据时，它无法正常工作。表单执行所需的所有代码都在 js / forms.js 中，我认为它没有看到动态对象。

动态添加的表单（使用jQuery代码）：

$('#container').append("<form class='input-form'><input type='text' id='login' /><input type='password' id='password' /><input type='submit' /></form>");

脚本是：

$('form.input-form').on('click', '#sendbutton', function () {
preventDefault();
var value_login = $("#login").val();
var value_password = $("#password").val();
alert(value_login + value_password);
});

有人建议如何让它在 jsfiddle 中运行吗？或者我做错了什么？

这里的真实示例：http://jsfiddle.net/gu5qnfw1/2/

头部和动态添加表单的jQuery脚本

0 个答案: