Modulo di reindirizzamento a un collegamento

voti
0

sul mio sito, ho una pagina che elenca.

Ecco come si presenta:

entrare descrizione dell'immagine qui

La parte a sinistra è una forma, e voglio che l'utente essere reindirizzato a una pagina di elenco aggiornato con la sua scelta (ad esempio sopra l'immagine, Progetto per la vendita ed il progetto per la vendita.) Quindi, in pratica, l'utente fa la sua scelta e poi scatti presentare. L'utente viene reindirizzato a una pagina che è simile, con solo i progetti di questo tipo. Non v'è 4 diverse opzioni che l'utente può selezionare:

  • Progetto per la vendita e in passato
  • Progetto per la vendita e accadendo proprio ora
  • Progetto in affitto e in passato
  • Progetto per l'affitto e accadendo proprio ora

Questo è il codice che ho scritto:

jQuery(document).ready(function(){
    jQuery('.button-submit').click(function(){
         var radioValue = jQuery('input:radio:checked').val();

         if ((radioValue == 'vente') || (radioValue == 'passe')){
              window.location.href = 'page1.com';
         }
         if ((radioValue == 'vente') || (radioValue == 'present')) {
              window.location.href = 'page2.com';
         }
         if ((radioValue == 'location') || (radioValue == 'passe')){
              window.location.href = 'page3.com';
         }
         if ((radioValue == 'location') || (radioValue == 'present')){
              window.location.href = 'page4.com';
         }
    })
});

Per qualche ragione, non posso ottenere il mio codice al lavoro. Che cosa sto facendo di sbagliato?

    <div class=w-form>
      <form id=wf-form-Choice-form name=wf-form-Choice-form data-name=Choice form>
        <h2 class=h2-big titreprojet><strong>Découvrez NoTRE PORTFOLIO</strong><br></h2>
        <div class=lineprojet></div>
        <div class=description>Notre caractère distinctif, c’est d’avoir réalisé des projets de qualité, tout en procurant une expérience unique à nos clients. <br></div>
        <div class=w-row>
          <div class=column-16 w-col w-col-6>
            <div class=smalltext>Type de projet</div><label class=radio-button-field-2 w-radio><input type=radio data-name=Typedeprojet id=vente name=Typedeprojet value=vente class=w-form-formradioinput projetenvente w-radio-input><span for=vente class=textcheck w-form-label>Projets en vente</span></label><label class=radio-button-field-3 w-radio><input type=radio data-name=Typedeprojet id=location value=location name=Typedeprojet class=w-form-formradioinput projetenlocation w-radio-input><span for=location class=textcheck w-form-label>Projets en location</span></label></div>
          <div class=w-col w-col-6>
            <div class=smalltext>DATE DU PROJET</div><label class=radio-button-field-5 w-radio><input type=radio data-name=Timeline id=actuel name=Timeline value=actuel class=w-form-formradioinput projetactuel w-radio-input><span for=actuel class=textcheck w-form-label>Projet actuel</span></label><label class=radio-button-field-4 w-radio><input type=radio data-name=Timeline id=passe name=Timeline value=passe class=w-form-formradioinput projetpasse w-radio-input><span for=passe class=textcheck w-form-label>Projets passé</span></label></div>
        </div><a href=# class=button filter w-button>Recherchez</a></form>
      <div class=w-form-done>
        <div>Thank you! Your submission has been received!</div>
      </div>
      <div class=w-form-fail>
        <div>Oops! Something went wrong while submitting the form.</div>
      </div>
    </div>
È pubblicato 02/12/2019 alle 23:55
fonte dall'utente
In altre lingue...                            


1 risposte

voti
0

A quanto ho capito la tua pagina appena ricaricata una volta inviato il modulo. Non si usa preventDefault()quando presentando il modulo.

jQuery(document).ready(function(){
    jQuery('.button-submit').click(function(e){
         e.preventDefault();

         var radioValue = jQuery('input:radio:checked').val();

         if ((radioValue == 'vente') || (radioValue == 'passe')){
              window.location.href = 'page1.com';
         }
         if ((radioValue == 'vente') || (radioValue == 'present')) {
              window.location.href = 'page2.com';
         }
         if ((radioValue == 'location') || (radioValue == 'passe')){
              window.location.href = 'page3.com';
         }
         if ((radioValue == 'location') || (radioValue == 'present')){
              window.location.href = 'page4.com';
         }
    })
});

Anche io ti suggerirei di ascoltare una volta che il modulo viene inviato al posto del pulsante di scatto: $("#form").on("submit", function(e) {...})

Risposto il 03/12/2019 a 00:45
fonte dall'utente

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more