首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery Uncaught : submit不是函数

jQuery Uncaught : submit不是函数
EN

Stack Overflow用户
提问于 2018-02-27 11:20:22
回答 2查看 872关注 0票数 0

我找不到解决这个问题的办法。

在同一个页面上有多个动态生成的表单,具有不同的id和数据表单id属性(#form-1,#form-2等等)但是页面顶部只有一个提交按钮。在输入时,我将相应的数据表单id值分配给submit按钮,当我单击submit按钮时,它应该使用相应的id提交表单。

所有这些似乎都按计划工作,但最后我在控制台中看到了一个错误: Uncaught : formToSubmit.submit不是一个函数。连在一起是问题吗?所有的帮助都非常感谢!

代码语言:javascript
复制
$('.inputs').on("input", function(){
	// get the data-form-id from this textarea
	var this_id = $(this).attr('data-form-id');
	// set the submit button's data-form-id attribute with the textarea's id
	$('#submitBtn').attr('data-form-id', this_id);
});
	
$('#submitBtn').click(function(){
	var formTo = $(this).attr('data-form-id');
	formTo = "$('#" + formTo + "')";
	console.log(formTo);
	formTo.submit();
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="submitBtn" data-form-id="" type="button" value="send">

	<form id="form-1" action="" method="post">
		<textarea name="info" cols="30" rows="10" data-form-id="form-1" class="inputs"></textarea>
	</form>
	
	<form id="form-2" action="" method="post">
		<textarea name="info" cols="30" rows="10" data-form-id="form-2" class="inputs"></textarea>
	</form>

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-02-27 11:24:29

删除行中的“”:formTo = "$('#" + formTo + "')"; in formTo = $('#' + formTo);,因为您构建了一个String对象,而不是Jquery对象,因此您尝试提交一个字符串并抛出一个错误。

票数 3
EN

Stack Overflow用户

发布于 2019-03-14 18:16:50

代码语言:javascript
复制
$('.inputs').on("input", function(){
	// get the data-form-id from this textarea
	var this_id = $(this).attr('data-form-id');
	// set the submit button's data-form-id attribute with the textarea's id
	$('#submitBtn').attr('data-form-id', this_id);
});
	
$('#submitBtn').click(function(){
	var formTo = $(this).attr('data-form-id');
	in formTo = $('#' + formTo);
	console.log(formTo);
	formTo.submit();
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="submitBtn" data-form-id="" type="button" value="send">

	<form id="form-1" action="" method="post">
		<textarea name="info" cols="30" rows="10" data-form-id="form-1" class="inputs"></textarea>
	</form>
	
	<form id="form-2" action="" method="post">
		<textarea name="info" cols="30" rows="10" data-form-id="form-2" class="inputs"></textarea>
	</form>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49007466

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档