Form Umleitung zu einem Link

stimmen
0

auf meiner Website habe ich eine Auflistung Seite.

Es sieht aus wie das:

Geben Sie hier image description

Der Teil auf der linken Seite ein Formular ist, und ich mag der Benutzer auf eine aktualisierte Auflistung Seite mit seiner Wahl umgeleitet werden (zB auf dem Bild, Projekt für den Verkauf und Projekt zu verkaufen.) Also im Grunde macht der Benutzer seine Wahl und dann Klicks einreichen. Der Benutzer wird dann auf eine Seite weitergeleitet, die ähnlich ist, wobei nur die Projekte dieser Art. Es gibt 4 verschiedene Möglichkeiten der Benutzer auswählen kann:

  • Projekt zum Verkauf und in der Vergangenheit
  • Projekt zu verkaufen und jetzt geschieht
  • Projekt zur Miete und in der Vergangenheit
  • Projekt zur Miete und passiert gerade

Dies ist der Code, den ich schrieb:

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

Aus irgendeinem Grund kann ich nicht meinen Code an die Arbeit. Was mache ich falsch?

    <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>
Veröffentlicht am 02/12/2019 um 23:55
quelle vom benutzer
In anderen Sprachen...                            


1 antworten

stimmen
0

Wie ich Ihrer Seite nur Reloads verstehen , sobald Sie das Formular einreichen. Sie nicht verwenden , preventDefault()wenn Ihr Formular aus .

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

Auch würde ich Ihnen vorschlagen zu hören, sobald Ihre Form statt Schaltfläche klicken vorgelegt wird: $("#form").on("submit", function(e) {...})

Beantwortet am 03/12/2019 um 00:45
quelle vom benutzer

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