如何识别表单中的输入?

时间:2019-02-13 12:13:12

标签: javascript html

我有很多表单(由用户使用“添加”按钮创建),每个表单都有唯一的ID,但是“ Form1”中的输入将具有与“ Form2”中的输入相同的ID。如何识别每个输入中的文本?

我的意思是说,可能存在以下形式:form1.getelementbyid(input_value)?

我需要做的是执行一个函数来计算每种形式的结果,这就是为什么我需要识别每种形式的输入的原因。

这是我执行一个函数并以一种形式获取结果的代码,它工作正常:

function Calcular_Montos()
{
    var val = $('#IBC').val();
    var porcentaje_riesgos = $('[name=porcentaje_riesgos]:checked').val();
    var exento_salud = $('[name=exento_salud]:checked').val();
    $.ajax({
      url: 'costo_empleado.php',
      type: 'POST',
      data: {"IBC": val, "porcentaje_riesgos": porcentaje_riesgos, "exento_salud": exento_salud},
      success: function (response)
      {
        $('#resultado').html(response);
      }
    });
}

但是您可以看到,这些#IBC,#porcentaje_riesgos和#exento_salud是ID,这些ID在Form1和Form2中很常见

1 个答案:

答案 0 :(得分:0)

分别给form 1form 2提供ID,并使用后代运算符(>)选择表单内的各个输入

   $(' #form1 > #IBC')

function Calcular_Montos()
{
    var val = $('#form1 > #IBC').val();
    var porcentaje_riesgos = $('[name=porcentaje_riesgos]:checked').val();
    var exento_salud = $('#form1 > [name=exento_salud]:checked').val();
    $.ajax({
      url: 'costo_empleado.php',
      type: 'POST',
      data: {"IBC": val, "porcentaje_riesgos": porcentaje_riesgos, "exento_salud": exento_salud},
      success: function (response)
      {
        $('#resultado').html(response);
      }
    });
}