Форма Перенаправление на ссылку

голоса
0

на моем сайте, у меня есть распечатка страницы.

Это выглядит следующим образом:

введите описание изображения здесь

Часть слева представляет собой форму, и я хочу, чтобы пользователь будет перенаправлен на обновленный список страницу с его выбором (например, на картинке, проект на продажу и проект для продажи.) Таким образом, в основном, пользователь делает свой выбор, а затем кликов отправить. Пользователь перенаправляется на страницу, которая похожа, только с проектами такого типа. Существует 4 различных варианта пользователь может выбрать:

  • Проект для продажи и в прошлом
  • проект для продажи и происходит прямо сейчас
  • Проект в аренду и в прошлом
  • Проект в аренду и происходит прямо сейчас

Это код, который я написал:

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

По некоторым причинам, я не могу получить код для работы. Что я делаю не так?

    <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>
Задан 02/12/2019 в 23:55
источник пользователем
На других языках...                            


1 ответов

голоса
0

Как я понимаю вашей странице просто перезагружается после отправки формы. Вам не нужно использовать preventDefault()при подаче формы.

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

Кроме того, я хотел бы предложить вам слушать, как только ваша форма будет отправлена ​​вместо нажатия кнопки: $("#form").on("submit", function(e) {...})

Ответил 03/12/2019 в 00:45
источник пользователем

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