我正在构建一个行程图片,当我单击“添加一天”时,会出现一个带有三个按钮的表单,这三个按钮还包含单击时的单独附加表单,我也可以通过 .on 方法成功克隆添加事件列表,但我的问题是最终用户可以使用添加新按钮提交 100 个表单,因此我需要一个技巧来自动将事件附加到增量类,因为我在程序中自动增量类。 (请注意,预算住宿传输按钮也是表单)
我尝试增加计数
此外,我想以预算住宿传输形式显示搜索结果并将数据提交到mysql。 这一切都必须以干净的方式发生,是否可能,或者我必须在reactjs中执行此操作
https://codepen.io/praveenshivashakti/pen/YzKoaye
<h2>DAy 1</h2>
<div class="job-content">
<form class="form1">
search: <input type="text" name="search"><br>
Last name: <input type="text" name="lname"><br>
First name: <input type="text" name="fname"><br>
Dest name: <input type="text" name="destname"><br>
Agent name: <input type="text" name="agname"><br>
other details: <input type="text" name="ot">
<input type="Button" value="Budget" name="company" class="fClick" />
<input type="button" value="Accomdation" name="course" class="xClick" />
<input type="button" value="Transist" name="date" class="rClick" />
</form>
</div>
<h1><a href="add-new-form">ADD New Day </a></h1>
$(function () {
var duplicates = 0,
$original = $('.job-content').clone(true,true);
function DuplicateForm () {
var newForm;
duplicates++;
newForm = $original.clone(true).insertBefore($('h1'));
$.each($('input', newForm), function(i, item) {
$(item).attr('class', $(item).attr('class') + duplicates);
});
$('<h2>Day ' + (duplicates + 1) + '</h2>').insertBefore(newForm);
}
$('a[href="add-new-form"]').on('click', function (e) {
e.preventDefault();
DuplicateForm();
});
$(document).on('click', '.fClick', function(){
alert("hey!");
});
$(document).on('click', '.xClick', function(){
alert("hey22!");
});
$(document).on('click', '.rClick', function(){
alert("hey33!");
});
});
我希望每个按钮都触发我可以执行的单独事件,但我需要任何自动化流程来执行此操作,就像我不想坐一样
$(document).on('click', '.fClick', function(){
alert("hey!");
});
对每个按钮都这样做,因为我有一个页面可以生成 100 个表单,可能是在提交之前
最佳答案
嘿,您可以将事件附加到以一个相似名称开头的所有类
$(document).on("click", "[class*='rClick']", function() {
console.log("hey 3");
});
关于php - 如何将自动事件附加到 jquery 克隆元素(其类自动递增),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58190800/