javascript - Show popup with selections -

-

  1. i new javascript/jquery.

    • when page loads, show popup user select country. should this:
      enter image description here

    • upon selection of “united states”, should this:
      enter image description here

    • there 2 selections: “united states” , “canada”.

      • upon selection of “united states”, show drop-down list containing list of states.
      • upon selection of “canada” or state, close popup.

just go through code. can open model window on document.ready method in jquery method triggers when html page ready. can show state dropdown if country selected in change event of country dropdown. can append options selected country inside change event of dropdown.

$("#cntry").change(function(){   if(this.value!="select country")     {       $('#state').find('option').remove().end().append('<option value="select state">select state</option>');             if(this.value=="united states")       {        $("#state").append("<option vaue='usa state 1'>usa state 1</option>");        $("#state").append("<option vaue='usa state 2'>usa state 2</option>");       }       else if(this.value=="canada"){       $("#state").append("<option vaue='canada state 1'>canada state 1</option>");        $("#state").append("<option vaue='canada state 2'>canada state 2</option>");      }            $("#divstate").show();     }     else{     $("#divstate").hide();     }  });       $(document).ready(function(){      $("#btnpopup").click();  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>     <div class="container">    <h2>example modal on page load</h2>    <!-- trigger modal button -->    <button style="display:none" id="btnpopup" type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#mymodal">open modal</button>      <!-- modal -->    <div class="modal fade" id="mymodal" role="dialog">      <div class="modal-dialog">              <!-- modal content-->        <div class="modal-content">          <div class="modal-header">            <button type="button" class="close" data-dismiss="modal">&times;</button>            <h4 class="modal-title">to proceed: select country</h4>          </div>          <div class="modal-body">           <div>              <select class="form-control" id="cntry">   			 <option class="form-control" value="united states">united states</option>    			 <option value="canada">canada</option>               <option selected value="select country">select country</option>    		   </select>           </div>           <div id="divstate" style="display:none">             <select class="form-control" id="state">    			   <option value="select state">select state</option>  	      </select>           </div>          </div>          <div class="modal-footer">            <button type="button" class="btn btn-default" data-dismiss="modal">close</button>          </div>        </div>              </div>    </div>      </div>


Comments

Post a Comment

Popular posts from this blog

ios - MKAnnotationView layer is not of expected type: MKLayer -

-
Image
so code works fine logger riddled message. there way rid of or suppress it? postannotation.swift class postannotation: mkpointannotation { //mark: properties let post: post //mark: initialization init(post: post) { self.post = post super.init() self.coordinate = cllocationcoordinate2d(latitude: post.latitude, longitude: post.longitude) self.title = post.title self.subtitle = post.timestring() } } adding annotation let annotation = postannotation(post: post) self.map.addannotation(annotation) func mapview func mapview(_ mapview: mkmapview, viewfor annotation: mkannotation) -> mkannotationview? { if annotation mkuserlocation { return nil } var annotationview = mapview.dequeuereusableannotationview(withidentifier: "pin") as? mkpinannotationview if annotationview == nil { annotationview = mkpinannotationview(annotation: annotation, reuseidentifier: "pin")
Read more

ZeroMQ on Windows, with Qt Creator -

-
i have installed zmq link given below on windows 7. http://zeromq.org/distro:microsoft-windows 1) have c++ project in qt-creator , i'm using zmq c++ binding (zhelpers.hpp etc). 2) have added .lib installed zmq folder qtcreator 3) while compiling, compiler looks _imp__zmq_verion, in .dll files present in .lib have __imp_zmq_version. 4) causing undefined reference zmq_version. anyone else faced problem , has solution ?
Read more

unity3d - Unity SceneManager.LoadScene quits application -

-
i have 2 different scenes 1 named 'main' , other 'game' both added scenes in load. when use scenemanager.loadscene("game"); works no problem when tried return main scene code if (input.getkeydown (keycode.escape)) { scenemanager.loadscene("main"); } strangely game quits. thanks. sorry interruption. somewhere on other script found code. if (input.getkeydown (keycode.escape)) { application.quit (); } that's bad, know...
Read more