Skjema omdirigering til en kobling

stemmer
0

på min hjemmeside, jeg har en liste side.

Det ser ut som dette:

skriv bildebeskrivelse her

Delen til venstre er en form, og jeg vil at brukeren bli omdirigert til en oppdatert liste side med hans valg (f.eks på bildet, Project for salg og prosjekt for salg.) Så i utgangspunktet, gjør at brukeren hans valg og deretter klikk send. Brukeren er da omdirigert til en side som er lik, med kun prosjekter av denne typen. Det er 4 forskjellige alternativer brukeren kan velge:

  • Prosjekt for salg og i det siste
  • prosjekt for salg og skjer akkurat nå
  • Prosjekt til leie og i det siste
  • Prosjekt for leie og skjer akkurat nå

Dette er koden jeg skrev:

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';
         }
    })
});

For noen grunn, kan jeg ikke få min kode til arbeid. Hva gjør jeg galt?

    <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>
Publisert på 02/12/2019 klokken 23:55
kilden bruker
På andre språk...                            


1 svar

stemmer
0

Som jeg forstår siden din bare laster når du sender inn skjemaet. Du trenger ikke bruke preventDefault()når du sender inn skjemaet.

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';
         }
    })
});

Jeg vil også foreslå at du kan lytte når skjemaet er sendt inn i stedet for knapp klikk: $("#form").on("submit", function(e) {...})

Svarte 03/12/2019 kl. 00:45
kilden bruker

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