Javascript 在HTML5中动态地将值从选择框添加到URL_Javascript_Jquery_Html

Javascript 在HTML5中动态地将值从选择框添加到URL

javascript jquery html

Javascript 在HTML5中动态地将值从选择框添加到URL,javascript,jquery,html,Javascript,Jquery,Html,我有一个简单的HTML5代码，当你点击一个URL按钮时，它会打开一个新的选项卡，这取决于选择框的客户端值，我想知道如何将名称和语言组件中的值包含到选择框的URL参数中，以便使用jquery符号构建类似的内容价值观=http://localhost:1010/?lan=$'lang.val&name=$'name.val <script type="text/javascript"> window.open = function(){ location

我有一个简单的HTML5代码，当你点击一个URL按钮时，它会打开一个新的选项卡，这取决于选择框的客户端值，我想知道如何将名称和语言组件中的值包含到选择框的URL参数中，以便使用jquery符号构建类似的内容

价值观=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, you agree on our <a href="#">terms and 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>

简单：

代码

我宁愿正常地提交表格，那将是最轻松的。如果您想根据选择字段的选择将其发送到不同的地址，那么在执行此操作之前，请将所选选项的值转移到表单的action属性中。您能写一个表单action属性的示例吗？

   <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 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, you agree on our <a href="#">terms and 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>