jQuery Uncaught TypeError:submit不是函数

问题描述 投票:0回答:2

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

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

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

$('.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();
});
<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>
jquery html form-submit
2个回答
3
投票

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


1
投票

$('.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();
});
<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>
© www.soinside.com 2019 - 2024. All rights reserved.