如何防止变量在其中保存数据

Question

我遇到了这个问题我有一个输入，根据radio选择，它会变成一个type number or date也有一个选择，所有这些都在我的表单中带有提交按钮。问题是，如果按下第一个无线电并发送数据，它可以完美运行，但是如果我有机会date type并返回number type，它会保存最旧的数据，并在提交后保存选择值。晦涩地说，我正在从一个更改另一个后清除输入

我的观点

<form class="form-horizontal" id="form_transferencias_enviadas">
  <fieldset>
    <legend>Parámetro de impresión</legend>
    <div class="form-group">
      <div class="col-xs-2">
        <input type="number" min="0" id="parametro_impresion" required>
      </div>
      <div class="col-xs-3" id="hasta_hidden" hidden>
        <span>Hasta:</span>
        <input type="date" id="parametro_impresion_hasta">
      </div>
    </div>
    <div class="form-group">
      <div class="col-xs-2" id="select_hidden" hidden>
        <select id="slc_transferencia_destino" class="form-control" style="width: 100%;">
                                            @foreach($empresas as $empresa)
                                                @if($empresa->nombre!=Auth::user()->activo()->pluck('nombre')->first())
                                                    <option value="{{$empresa->nombre}}">{{$empresa->nombre}}</option>
                                                @endif
                                            @endforeach
                                        </select>
      </div>
    </div>
    <div>
      <button type="submit" class="btn btn-primary">Buscar</button>
    </div>
  </fieldset>
</form>

我的js

//ocultar campos
$(document).ready(function() {
  $('input[name="busqueda_radio"]').on('ifClicked', function(event) {
    var num = parseInt(this.value)
    switch (num) {
      case 1:
        $('#select_hidden').prop('hidden', true).prop('disabled', true)
        $('#hasta_hidden').prop('hidden', true).prop('disabled', true)
        $('#parametro_impresion').prop('type', 'number').val('').prop('hidden', false).prop('disabled', false)
        submit_buton(num)
        break
      case 2:
        $('#select_hidden').prop('hidden', true).prop('disabled', true)
        $('#parametro_impresion').prop('type', 'date').val('').prop('hidden', false).prop('disabled', false)
        $('#hasta_hidden').prop('hidden', false).prop('disabled', false)
        submit_buton(num)
        break
      case 3:
        $('#hasta_hidden').prop('hidden', true).prop('disabled', true)
        $('#parametro_impresion').prop('hidden', true).prop('disabled', true)
        $('#select_hidden').prop('hidden', false).prop('disabled', false)
        submit_buton(num)
        break
    }
  })
})
function por_numero(numero_transferencia) {
  console.log(numero_transferencia)
}
function por_fecha(desde, hasta) {
  console.log(desde + ' hasta ' + hasta)
}
function por_destino(destino) {
  console.log(destino)
}
function submit_buton(caso) {
  $('#form_transferencias_enviadas').submit(function(e) {
    e.preventDefault()
    switch (caso) {
      case 1:
        por_numero($('#parametro_impresion').val())
        break
      case 2:
        por_fecha($('#parametro_impresion').val(), $('#parametro_impresion_hasta').val())
        break
      case 3:
        por_destino($('#slc_transferencia_destino').val())
        break
    }
  })
}

感谢您的帮助

Answer 1

每次调用submit_buton时，都会向窗体添加新的submit处理程序，但不会删除旧的处理程序。因此，当您提交表单时，它会运行您附加的所有提交处理程序。

在添加新处理程序之前，应删除旧处理程序：

$('#form_transferencias_enviadas').off("submit").submit(function(e) {
    ...
});