Skip to main content
Se añadio un input, solo se oculta cuando Paypal es seleccionado.
Origen Enlace
//

$('#tipoTarjeta').on('change', function(value) {
      console.log('el valor seleccionado es: '+this.value );
      /*Aqui van tus eventos cuando una opción esté seleciconada*/
      
      if(this.value == 'VISA' || this.value == 'Mastercard'){
      $('#nTarjetDiv').show();
       $('#nEmailDiv').hide();
      }else{
       $('#nTarjetDiv').hide();
       $('#nEmailDiv').show();
      }
    
      
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
                <div class="form-group col-xs-18 col-sm-10 col-md-88">

                    <label for="payment">Tipo de tarjeta </label>
                    <select id="tipoTarjeta">
                        <option value="VISA" id="visa">VISA</option>
                        <option value="Mastercard" id="mcard">Mastercard</option>
                        <option value="Paypal" id="paypal">Paypal</option>
                    </select>

                </div>
            </div>
            
            <div class="row">
                <div class="form-group CVV col-xs-18 col-sm-10 col-md-8" id="nTarjetDiv">
                    <label for="ccv">Numero de tarjeta *</label>
                    <input type="text" id="cc-number" name="cc_number" class="form-inline"
                        placeholder="9999-9999-9999-9999" minlength="16" maxlength="16" required>

                </div>
                
                <div class="form-group CVV col-xs-18 col-sm-10 col-md-8" id="nEmailDiv" style="display:none">
                    <label for="ccv">Email *</label>
                    <input type="email" name="cc_number" class="form-inline"
                        placeholder="[email protected]" minlength="16" maxlength="16" required>

                </div>
            </div>
$('#tipoTarjeta').on('change', function(value) {
      console.log('el valor seleccionado es: '+this.value );
      /*Aqui van tus eventos cuando una opción esté seleciconada*/
      
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
                <div class="form-group col-xs-18 col-sm-10 col-md-88">

                    <label for="payment">Tipo de tarjeta </label>
                    <select id="tipoTarjeta">
                        <option value="VISA" id="visa">VISA</option>
                        <option value="Mastercard" id="mcard">Mastercard</option>
                        <option value="Paypal" id="paypal">Paypal</option>
                    </select>

                </div>
            </div>
//

$('#tipoTarjeta').on('change', function(value) {
      console.log('el valor seleccionado es: '+this.value );
      /*Aqui van tus eventos cuando una opción esté seleciconada*/
      
      if(this.value == 'VISA' || this.value == 'Mastercard'){
      $('#nTarjetDiv').show();
       $('#nEmailDiv').hide();
      }else{
       $('#nTarjetDiv').hide();
       $('#nEmailDiv').show();
      }
    
      
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
                <div class="form-group col-xs-18 col-sm-10 col-md-88">

                    <label for="payment">Tipo de tarjeta </label>
                    <select id="tipoTarjeta">
                        <option value="VISA" id="visa">VISA</option>
                        <option value="Mastercard" id="mcard">Mastercard</option>
                        <option value="Paypal" id="paypal">Paypal</option>
                    </select>

                </div>
            </div>
            
            <div class="row">
                <div class="form-group CVV col-xs-18 col-sm-10 col-md-8" id="nTarjetDiv">
                    <label for="ccv">Numero de tarjeta *</label>
                    <input type="text" id="cc-number" name="cc_number" class="form-inline"
                        placeholder="9999-9999-9999-9999" minlength="16" maxlength="16" required>

                </div>
                
                <div class="form-group CVV col-xs-18 col-sm-10 col-md-8" id="nEmailDiv" style="display:none">
                    <label for="ccv">Email *</label>
                    <input type="email" name="cc_number" class="form-inline"
                        placeholder="[email protected]" minlength="16" maxlength="16" required>

                </div>
            </div>
Origen Enlace

Bienvenido a la comunidad, lo que necesitas si no mal entiendo es que cuando el << select >> cambie, inicies el evento "change", recuerda que si necesitas llamar un elemento por su id, se tiene que poner '#' antes y si lo llamas por su clase un '.'

$('#tipoTarjeta').on('change', function(value) {
      console.log('el valor seleccionado es: '+this.value );
      /*Aqui van tus eventos cuando una opción esté seleciconada*/
      
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
                <div class="form-group col-xs-18 col-sm-10 col-md-88">

                    <label for="payment">Tipo de tarjeta </label>
                    <select id="tipoTarjeta">
                        <option value="VISA" id="visa">VISA</option>
                        <option value="Mastercard" id="mcard">Mastercard</option>
                        <option value="Paypal" id="paypal">Paypal</option>
                    </select>

                </div>
            </div>

Espero te sirva de ayuda.