Hellp,

Estoy trabajando en el desarrollo de un sitio de donación en línea para mi página. Me gustaría que el usuario tenga un cuadro desplegable con opciones de pago ($ 5, $ 10, $ 20, Otros). Actualmente lo configuré donde muestra un cuadro de entrada si la opción "otro" está seleccionada; Si se selecciona otra opción ($ 5, $ 10, $ 20), el cuadro de entrada se oculta. Además, las donaciones se toman a través de pay-pal y he incorporado el botón de donación / php de Pay-Pal en el sitio. Me he encontrado con el siguiente problema: porque el cuadro de entrada es el campo que llena la cantidad que se está donando, Pay-Pal no reconoce las cantidades desplegables. Por ejemplo, si elijo la opción "Otro", ingrese $ 100 en el cuadro de entrada, luego seleccione la opción "$ 10" en el cuadro desplegable (supongamos que cambié de opinión y quería donar $ 10 en lugar de $ 100), y haga clic en el botón de donación, Pay-Pal procesa el pago por $ 100, no $ 10 (porque se extrae del cuadro de entrada).

Creo que tengo una solución, pero no estoy necesariamente seguro de cómo codificarla. Estoy buscando ayuda con lo siguiente: cuando un usuario selecciona una opción del cuadro desplegable, me gustaría que esta acción llene el cuadro de entrada (oculto) con el valor respectivo. Del mismo modo, si el usuario selecciona la opción "otro" del menú desplegable, me gustaría que el cuadro de entrada (ahora visible) se rellene con "", ya que el usuario rellenará esta opción él mismo.

De nuevo, no estoy seguro de cómo codificar algo como esto, y espero que alguien pueda señalarme en la dirección correcta. Realmente aprecio sinceramente cualquier ayuda, y estoy muy agradecido por su tiempo. ¡Gracias

edit: Gracias por tu ayuda. Aquí está el código que tengo en este momento:

    <select name="amount" id="otherFieldOption" class="dropdown">
                    <option value="20">$20</option>
            <option value="10">$10</option>
            <option value="5" selected="selected">$5</option>
            <option value="otherField">Other</option>   
    </select>

    <div id="otherField">
        Amount:
        <input type="text" id="amount" name="amount" class="textfield" size="10"/>
    </div>

el código jquery:

$(document).ready(function() {
  $.viewInput = {
    '0' : $([]),
    //THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD
    'otherField' : $('#otherField'),
  };

$('#otherFieldOption').change(function() {
    // HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE THE HIDDEN FIELD IS LOADED
    $.each($.viewInput, function() { this.hide(); });
    // SHOWS THE INPUT FIELD ITEM IF SELECTED
    $.viewInput[$(this).val()].show();
  });

});