jquery - 在Jquery上获取输入名称的变量

Question

我在 Jquery 上有下一个：

$(document).ready(function(){
    var asign=$('#asignatura').val();
    var id_user=$('#id_usuario').val();
    var id_pupil=$('#id_alumno').val();

    $("#agregar").on('click', function(){
        $('#tabla > tbody:last').after("<tr><td><input type='text' name='calification' value=''></td><td></td><td><a href='actualizar_notas.php?calificacion="+calification+" && asignatura="+asign+" && id_usuario="+id_user+" && id_alumno="+id_pupil+"'</a>agregar</td></tr>");


    });

而且我想在输入类型文本中编写“校准”以通过获取href。

那是行不通的。

任何人都可以帮助我吗？

谢谢！

Answer 1

你试过$('input[name="calification"]').val()找回它吗？

Answer 2

听起来你问的是...

当用户在 中输入值input并单击链接时，如何将输入的值添加到链接的 URL 中？

您要做的第一件事是从现有代码的链接中删除该值。由于您在代码运行时没有价值，因此您无能为力。（您还需要修复损坏的链接，您的代码似乎缺少开始a标记的其余部分。并修复&URL 本身中损坏的连接。）

<a href='actualizar_notas.php?asignatura="+asign+"&id_usuario="+id_user+"&id_alumno="+id_pupil+"'>agregar</a>

接下来，您需要手动处理该链接的点击事件。由于链接是动态添加的，每个链接都有自己的关联input，让我们给链接 aclass以便我们可以在我们的处理程序中引用它：

<a class="agregarLink" href='actualizar_notas.php?asignatura="+asign+"&id_usuario="+id_user+"&id_alumno="+id_pupil+"'>agregar</a>

现在让我们创建处理程序：

$('#tabla').on('click', 'a.agregarLink', function () {
    // Get the calification value that the user has entered (if any)
    // This should come from the input that's in the same table row as the clicked link
    var calification = $(this).parent('tr').find('input[name="calification"]').val();

    // Redirect the user as though they clicked on a link
    window.location.href = $(this).attr('href') + '&calification=' + encodeURIComponent(calification);

    // Just in case the browser is still going to try to process the link directly
    return false;
});

该重定向应该产生一个完整的 URL，以包含输入的任何值（当然是 URL 编码的）。如：

actualizar_notas.php?asignatura=someValue&id_usuario=anotherValue&id_alumno=aThirdValue&calification=aUserEnteredValue

Answer 3

这是一个 JS 小提琴，在新输入框中使用按键

    var asign=$('#asignatura').val();
    var id_user=$('#id_usuario').val();
    var id_pupil=$('#id_alumno').val();
    var calification;
    $("#agregar").on('click', function(){
        $('#tabla > tbody:last').after("<tr><td><input type='text' id='calification' name='calification' value=''>Input box added</td><td></td><td><a href='' id='link'>I dont have any link now !! type in the input box </a>agregar</td></tr>");
    }); 
    $('#calification').live('keyup', function(){
        calification = $(this).val(); //alert(calification)
        var newHref = "actualizar_notas.php?calificacion="+calification+"&&asignatura="+asign+" && id_usuario="+id_user+" && id_alumno="+id_pupil+"";
        $('#link').attr('href', newHref).text('I have a link now ');
        $('#newlink').text(newHref);
    });

http://jsfiddle.net/abhiklpm/H2deA/1/

Answer 4

$("#agregar").on('click', function(){

    var asign=$('#asignatura').val();
    var id_user=$('#id_usuario').val();
    var id_pupil=$('#id_alumno').val();

    $('#tabla > tbody:last').after("<tr><td></td><td></td><td><a href='actualizar_notas.php?calificacion="+calification+"&asignatura="+asign+"&id_usuario="+id_user+"&id_alumno="+id_pupil+"'>agregar</a></td></tr>");


});