Javascript jquery$。获取帮助
我正在构建一个动态表单,用户可以不断添加条目,直到他们满意为止。为此,我使用javascript,引入一些htmlJavascript jquery$。获取帮助,javascript,ajax,jquery,Javascript,Ajax,Jquery,我正在构建一个动态表单,用户可以不断添加条目,直到他们满意为止。为此,我使用javascript,引入一些html $('#add_another').click(function(e){ $.get('/admin/add_grade_course', function(data) { $('#added_by_ajax').append(data); }); e.preventDefault(); }); 返回的HTML如下所示: <field
$('#add_another').click(function(e){
$.get('/admin/add_grade_course', function(data) {
$('#added_by_ajax').append(data);
});
e.preventDefault();
});
返回的HTML如下所示:
<fieldset>
<select name="course_type">
<option value="Classroom based learning">Classroom Based Learning</option>
<option value="Apprenticeship based learning">Aprenticeship Based Learning</option>
<option value="On the Job Learning">On The Job Learning</option>
</select>
<label for="course_names">Course Name</label>
<input type="text" name="course_names" value="<?php set_value('course_names');?>"/>
<?php echo form_error('course_names'); ?>
<label for="course_links">Course Links</label>
<input type="text" name="course_links" value="<?php set_value('course_links');?>"/>
<?php echo form_error('course_links'); ?>
<label for="grade_desc">Description of Grades Needed</label>
<textarea name="grade_desc"><?php set_value('grade_desc')?></textarea>
<a href="#" class="remove_fields">Delete</a>
</fieldset>
课堂教学
基于知识的学习
在职学习
课程名称
使用-方法:
使用-方法:
类似的方法可能会奏效:
var form_counter = 0;
$('#add_another').click(function(e){
$.get('/admin/add_grade_course', function(data) {
$(data).attr('id', 'form_' + form_counter);
var form_count_ref = form_counter;
$('a:last', data).onclick(function(){
$('form_' + form_count_ref).remove();
});
form_counter++;
$('#added_by_ajax').append(data);
});
e.preventDefault();
});
类似的方法可能会奏效:
var form_counter = 0;
$('#add_another').click(function(e){
$.get('/admin/add_grade_course', function(data) {
$(data).attr('id', 'form_' + form_counter);
var form_count_ref = form_counter;
$('a:last', data).onclick(function(){
$('form_' + form_count_ref).remove();
});
form_counter++;
$('#added_by_ajax').append(data);
});
e.preventDefault();
});
以下内容将使用live()函数绑定到click事件,并删除所选条目。live函数非常方便,因为它意味着任何与选择器匹配的动态添加的标记都将在添加时绑定该函数。这意味着每次用户单击add_-other链接时,新返回的字段集都会将函数绑定到其remove_-fields链接的click事件
$(function(){ //shorthand for $(document).ready(function(){
$('.remove_fields').live('click', function() {
//$(this).parent() returns the current fieldset, remove() removes it.
$(this).parent().remove();
});
});
以下内容将使用live()函数绑定到click事件,并删除所选条目。live函数非常方便,因为它意味着任何与选择器匹配的动态添加的标记都将在添加时绑定该函数。这意味着每次用户单击add_-other链接时,新返回的字段集都会将函数绑定到其remove_-fields链接的click事件
$(function(){ //shorthand for $(document).ready(function(){
$('.remove_fields').live('click', function() {
//$(this).parent() returns the current fieldset, remove() removes it.
$(this).parent().remove();
});
});