javascript - add values from select box to URL dynamically in HTML5 -


i have simple html5 code opens new tab when click on button url depending on value client value of select box, wonder how can include values name , language components url parameters in selectbox, building (using jquery notation)

value="http://localhost:1010/?lan=$('#lang').val()&name=$('#name').val()"

    <script type="text/javascript">     window.open = function(){         location.href=document.getelementbyid("selectbox").value;     } </script> <link href='http://fonts.googleapis.com/css?family=open+sans:400,300,300italic,400italic,600' rel='stylesheet' type='text/css'> <link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="style.css" /> <body> <div class="testbox">   <h1>portal</h1> </br> </br>   <form action="/">   <label id="icon" for="name"><i class="icon-user"></i></label>   <input type="text" name="name" id="name" placeholder="name" required/>   <label id="icon" for="name"><i class="icon-shield"></i></label>   <input type="password" name="name" id="name" placeholder="password" required/>   <div class='form-group'>   <label class='control-label col-md-2 col-md-offset-2' for='id_accomodation'>client</label>   <div class='col-md-2'>     <select class='form-control' id='id_hosp'>       <option value="http://localhost:1010">huca</option>       <option value="http://localhost:2020">husd</option>       <option value="http://localhost:3030">cval</option>       <option value="http://localhost:4040">hph</option>       <option value="http://localhost:5050">hhena</option>     </select>   </div> </br>   <label class='control-label col-md-2 col-md-offset-2' for='language'>language</label>   <div class='col-md-2'>     <select class='form-control' id='lang'>       <option >eng</option>       <option >esp</option>       <option >port</option>     </select>   </div> </br> </br> </div>    <p>by clicking register, agree on our <a href="#">terms , condition</a>.</p>    <a href="#" onclick="javascript:location.href = id_hosp.value;" target="_blank" class="button">login</a>   </form> </div> </br> </br> </br> </br> </br> </br> </br> </br> </br> </body>

easy:

   <a href="#" onclick="javascript:location.href = id_hosp.value + '/?lang=' + langu.value.slice(0,2) +'&name=' + names.value;" target="_blank" class="button">login</a>

code

      <form action="/">   <label id="icon" for="name"><i class="icon-user"></i></label>   <input type="text" name="name" id="names" placeholder="name" required/>   <label id="icon" for="name"><i class="icon-shield"></i></label>   <input type="password" name="name" id="pw" placeholder="password" required/>   <div class='form-group'>   <label class='control-label col-md-2 col-md-offset-2' for='id_accomodation'>client</label>   <div class='col-md-2'>     <select class='form-control' id='id_hosp'>       <option value="http://localhost:1010">huca</option>       <option value="http://localhost:2020">husd</option>       <option value="http://localhost:3030">cval</option>       <option value="http://localhost:4040">hph</option>       <option value="http://localhost:5050">hhena</option>     </select>   </div> </br>   <label class='control-label col-md-2 col-md-offset-2' for='language'>language</label>   <div class='col-md-2'>     <select class='form-control' id='langu'onchange="javascript:location.href = this.value;">       <option value="en.html" selected="selected">eng</option>       <option value="es.html">esp</option>       <option value="po.html">port</option>     </select>   </div> </br> </br> </div>    <p>by clicking login, agree on our <a href="#">terms , condition</a>.</p>    <a href="#" onclick="javascript:location.href = id_hosp.value + '/?lang=' + langu.value.slice(0,2) +'&name=' + names.value;" target="_blank" class="button">login</a>   </form> </div> </br> </br> </br> </br> </br> </br> </br> </br> </br> </body>

Comments

Post a Comment

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

Image
recently have uploaded wordpress site onto server. have uploaded wordpress site in sub-folder under root folder ../root(domain root folder)/wordpress (where host wordpress folder). now problem content data in page or post in dashboard of wordpress admin panel not showing - see image. but data showing in front view - see image. if not browser cache issue , not issue happened tinymce editor during upgrade; try add config file: define('concatenate_scripts', false);
Read more

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

i trying ip address of vm , trying use establish ssh vm. following script: --- - hosts: localhost become: yes connection: local gather_facts: false serial: 1 vars_files: - createvmvars.yml tasks: - name: gathering vm info. vsphere_guest: vcenter_hostname: "{{vcenter_hostname}}" username: "{{vcenter_username}}" password: "{{vcenter_password}}" guest: "{{guest_name}}" vmware_guest_facts: yes register: var - debug: msg="{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" - name: establishing ssh connection. script: /home/shasha/devops/scripts/ssh_configure.sh "{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" following content of ssh_configure.sh : #!/bin/sh ssh-keygen -t rsa ssh-copy-id $1 but when running playbook, getting following error while executing third task: error! 'var' undefined but debug module(second task) printin
Read more

javascript - Get parameter of GET request -

i make request: createxhrrequest( "get", fileurl, function( err, response ) { if( err ) { alert( "error get!" ); } alert(response); }); and full response: { "status" : "ok", "message" : "jvberi0xljqkjdduxdgkmy how can jvberi0xlj ? i try response.message , response["message"]. nothing works. just simple access this: var json = json.parse(response); json.message
Read more