एक लिंक करने के लिए फार्म पुनर्निर्देशन

वोट
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