Price dont show after selected

Kenjebo · September 24, 2016, 1:54am

Hello goodnight or goodmorning.I want to show a price different for each element of the second drop-down list without reload the page, I have received this solution but it is not not comply with my page because when I selected a element the price is not not displayed. I don’t know if the problem is my HTML code or if it’s my jQuery. I don’t want to recover the price, I just want to show it. I have discussed this on a forum but I have not found the solution, I really want help,thank

     <script>





                       function verifMail(champ)
          {
           var regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
           if(!regex.test(champ.value))
           {
           surligne(champ, true);
           return false;
          }
          else
         {
        surligne(champ, false);
        return true;
        }
        }

                      
                 var selectElmt = document.getElementById("iphone");
                 var valeurselectionnee = selectElmt.options[selectElmt.selectedIndex].value;
                 var textselectionne = selectElmt.options[selectElmt.selectedIndex].text;
                 function submitForm() 
                 {var form;
        form = document.getElementById('iphone');hone
        form.submit();
        document.iphone.submit();
         }

                      </head>
             <body>
            

            <header>
              <h1><a href="index.html">All Device Unlock</a></h1>
               </header>
     <nav><!-- top nav -->
     <div class="menu">
    <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="#">Phone Brand</a>
      <ul>
         <li><a href="#">Alcatel</a></li>
        <li><a href="#">Avvio</a></li>
        <li><a href="#">BlackBerry</a></li>
        <li><a href="">Coral</a></li>
        <li><a href="#">Huawei</a></li>
         <li><a href="#">Lanix</a></li>
           <li><a href="">Motorola</a></li>
           <li><a href="#">Vodafone</a></li>
          
           <li><a href="">Zte</a></li>

            <li><a href="">Iphone</a></li>
        <li><a href="#">Samsung</a></li>
         <li><a href="#">LG</a></li>
           <li><a href="">HTC</a></li>
           <li><a href="#">Nokia</a></li>
     
      </ul>
    </li>
    <li><a href="#">Products</a>
        <ul>
            <li><a href="#">Large Pools</a></li>
            <li><a href="#">Small Pools</a></li>
       </ul>
    </li>
           <li><a href="#">Contact Us</a></li>
   </ul>
   </div>
  </nav><!-- end of top nav -->
                                                    <div id="content">
                                                   <p>Choose your model Iphone to unlock</p>
                             <form method="post" action="Mailto:" class="select-model" onchange ="return verify();" name="iphone">
                             <input type="hidden" name="iphone" id="unlock" value="iphone"/>
        <ul>
            <li>
    <div class="selectthree">
    <div class="arrow">
      </div>
              <select name="iphonemodel" required>
                <option>Please Select your Model</option>


                                <option value="iphone-3gs">iPhone 3GS</option>
                                <option value="iphone-4">iPhone 4</option>
                                <option value="iphone-4s">iPhone 4S</option>
                                <option value="iphone-5">iPhone 5</option>
                                <option value="iphone-5c">iPhone 5C</option>
                                <option value="iphone-5s">iPhone 5S</option>
                                <option value="iphone-SE">iPhone SE</option>
                                <option value="iphone-6">iPhone 6</option>
                                <option value="iphone-6plus">iPhone 6 plus</option>

                                <option value="iphone-6S">iPhone 6S</option>
                                                                                                                                                                                     
                                                           
          
                                                           </select>
    

                
            <select name="iphone"  id="iphone" required>
                <option>Please Select network</option>


                                    <option value="At&t"                > At&t       </option>
                                    <option value="Bell"                > Bell  (Canada) </option>
                                    <option value="Claro"               > Claro (Brazil) </option>
                                    <option value="cricket"             > Criket      </option>
                                    <option value="Docomo"              > Docomo      </option>
                                    <option value="EEUK"               > EE (United kingdom)     </option>
                                    <option value="Emea"                > Emea        </option>
                                    <option value="Fido"                > Fido        </option>
                                    <option value="GCI"                 > GCI         </option>
                                    <option value="kddi"                > KDDI        </option>
                                    <option value="mtsallstream"       > MTS allstream              </option>
                                    <option value="Ntelos"              > Ntelos                     </option>
                                    <option value="02"                  > O2      (United kingdom)   </option>
                                    <option value="orangeUK"           > Orange  (United kingdom)   </option>
                                    <option value="orangefrance"       > Orange  (France)           </option>
                                    <option value="optusaustralie"     > Optus   (Australie)        </option>
                                    <option value="optimusportugal"    > Optimus (Portugal)         </option>
                                    <option value="rogers"              > Rogers  (Canada)           </option>
                                    <option value="Sasktel"             > Sasktel                    </option>
                                    <option value="Softbank"            > Softbank                   </option>
                                    <option value="sfr"                 > Sfr                        </option>
                                    <option value="Sprint"              > Sprint                     </option>
                                    <option value="Tmobileusa"         > T-mobile  (Usa)            </option>
                                    <option value="TmobileUk"          > T-mobile  (United Kingdom) </option>
                                    <option value="Tracfone"            > Tracfone                   </option>
                                    <option value="tesco"               > Tesco     (United Kingdom) </option>
                                    <option value="threehutchison"      > Three hutchison            </option>
                                    <option value="telus"               >  Telus                     </option>
                                    <option value="Telstraaustralie"   > telstra    (Australie)     </option>
                                    <option value="telcel"              > Telcel                     </option>
                                    <option value="tmn"                 > Tmn                        </option>
                                    <option value="vodafoneukraine"    > Vodafone (United kingdom)  </option>
                                    <option value="vodafoneaustralie"  > Vodafone (Australie)       </option>
                                    <option value="vodafonePortugal"   > Vodafone (Portugal)        </option>
                                    <option value="Verizon"             > Verizon                    </option>
                                                           
                                                                                                                                                                                     
                                                           
          
                                                           </select>
                                                              
      </div>
            </li>

            <li class="last">

Imei

              Name <INPUT NAME="Name"                                                                             SIZE=40  required> <p>


                    
              Enter your Mail <input                           name="mail"              placeholder= "mail@example.com"  required> <p>
               
    
       <INPUT type="submit" name="bouton" value='Pay' onClick="this.value='Wait...'">

          </ul>
          </div>
</form> <!-- fin du formulaire -->

                                                         <aside>
  <section>
    <h3>Top Phone</h3>
    <ul>
      <li><a href="#">Alcatel</a></li>
      <li><a href="#">Iphone</a></li>
      <li><a href="#">Huawei</a></li>
      <li><a href="#">Samsung</a></li>
      <li><a href="#">Zte</a></li>
    </ul>
  </section>
  
  <section>
  <h3>Modems is free at here</h3>
    <ul>
      <li><a href="#">Alcatel</a></li>
      <li><a href="#">Huawei</a></li>
      <li><a href="#">Zte</a></li>
    </ul>
    
  </section>
  
  <section>
    <h3>Connect With Us</h3>
    <ul>
      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">news letter</a></li>

    </ul>
  </section>

  <section>
    <h3>Recent Articles</h3>
      <ul>
        <li><a href="#">Which Widget Do I Need?</a></li>
        <li><a href="#">When Widgets Go Mobile</a></li>
      </ul>
  </section>
  
</aside>

<!-- fit text -->
<script type="text/javascript" src="js/jquery.fittext.js"></script>

<!-- jquery countdown -->
<script type="text/javascript" src="js/jquery.plugin.js"></script> 
<script type="text/javascript" src="js/jquery.countdown.js"></script>

<!--placeholder -->
<script type="text/javascript" src="js/jquery.placeholder.js"></script>

<script type="text/javascript" src="js/scripts.js"></script>
<script> 

var iphone=$('#iphone').val();

      if(iphoneval == 'At&t'){
    $("#result").text('USD 399');
} else if(iphoneval == 'Bell'){
    $("#result").text('USD 299');
} else if(iphoneval =='Claro'){
    $("#result").text('USD 169');
} else if(iphoneval == 'cricket'){
    $("#result").text('USD 299');
} else if(iphoneval == 'Docomo'){
    $("#result").text('USD 169');
} else if(iphoneval == 'EEUK'){
    $("#result").text('USD 299');
} else if(iphoneval == 'Emea'){
    $("#result").text('USD 169');
} else if(iphoneval == 'Fido'){
    $("#result").text('USD 299');
} else if(iphoneval == 'GCI'){
    $("#result").text('USD 169');
} else if(iphoneval == 'kddi'){
    $("#result").text('USD 299');
} else if(iphoneval == 'mtsallstream'){
    $("#result").text('USD 169');
} else if(iphoneval == 'Ntelos'){
    $("#result").text('USD 299');
} else if(iphoneval == '02'){
    $("#result").text('USD 169');
} else if(iphoneval == 'orangeUK'){
    $("#result").text('USD 299');
} else if(iphoneval == 'orangefrance'){
    $("#result").text('USD 169');
} else if(iphoneval == 'optusaustralie'){
    $("#result").text('USD 299');
} else if(iphoneval == 'optimusportugal'){
    $("#result").text('USD 169');
} else if(iphoneval == 'rogers'){
    $("#result").text('USD 299');
} else if(iphoneval == 'Sasktel'){
    $("#result").text('USD 169');
} else if(iphoneval == 'Softbank'){
    $("#result").text('USD 169');
} else if(iphoneval == 'sfr'){
    $("#result").text('USD 299');
} else if(iphoneval == 'Sprint'){
    $("#result").text('USD 169');
} else if(iphoneval == 'Tmobileusa'){
    $("#result").text('USD 299');
} else if(iphoneval == 'TmobileUk'){
    $("#result").text('USD 169');
} else if(iphoneval == 'Tracfone'){
    $("#result").text('USD 299');
} else if(iphoneval == 'tesco'){
    $("#result").text('USD 169');
} else if(iphoneval == 'threehutchison'){
    $("#result").text('USD 169');
} else if(iphoneval == 'telus'){
    $("#result").text('USD 299');
} else if(iphoneval == 'Telstraaustralie'){
    $("#result").text('USD 169');
} else if(iphoneval == 'telcel'){
    $("#result").text('USD 299');
} else if(iphoneval == 'tmn'){
    $("#result").text('USD 169');
} else if(iphoneval == 'vodafoneukraine'){
    $("#result").text('USD 299');
} else if(iphoneval == 'vodafoneaustralie'){
    $("#result").text('USD 169');
} else if(iphoneval == 'vodafonePortugal'){
    $("#result").text('USD 299');
} else if(iphoneval == 'Verizon'){
    $("#result").text('USD 169');
    }

pr0c3ss · September 24, 2016, 6:24am

Without scrutinizing this too much, I am trying to figure out what the variable ‘iphone’ is being used for?
Do you mean
var iphoneval = $('#iphone').val();
?

Kenjebo · September 24, 2016, 9:14am

is trying to find solutions I put it, it is not part of the script actually

Kenjebo · September 24, 2016, 9:15am

Thank for your answer

system · December 24, 2016, 4:15pm

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Cross Browser JavaScript Issue JavaScript	6	797	June 23, 2010
Slight tweak to js to show initial value until selection is made JavaScript	0	475	June 11, 2011
My selected button does not work on mobile JavaScript jquery	3	879	April 28, 2022
jQuery: Best way to show removed/hidden elements? JavaScript	5	8200	October 8, 2014
Value change on drop down or check box Part 2 JavaScript	4	593	December 22, 2019

Price dont show after selected

Related topics