javascript - 2 选择选项组合值和链接

标签 javascript html html-select location-href

我需要组合两个值并链接到所选网站。

例如。 选择> Google> 选择>翻译

连接两个值

T2 [translate] T1 [.google.com] = translate.google.com Go

JS

<script>
function goToNewPage() {
  var g=document.getElementById('target').value;
  {
    window.location.href = document.getElementById('target').value;
  } 
}
</script>

HTML

<form name="dropdown">                    
   <select name="selected" id="target2" >
      <option selected>Select...</option>
      <option value=".google.com/">Google</option>
      <option value=".search.com/">Bing</option>
   </select>

   <select name="selected" id="target" >
      <option selected>Select...</option>
      <option value="http://translate">Translate</option>
      <option value="http://translate/">Translator</option>
   </select>
   <input type="button" value="Go" onclick="goToNewPage(document.dropdown.selected)">
</form>

最佳答案

试试这个:

window.location.href = document.getElementById('target').value + document.getElementById('target2').value

关于javascript - 2 选择选项组合值和链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24483631/

相关文章:

javascript - 将 Bokeh 中的选定数据提取到文本文件和其他问题

javascript - 如何使一个元素的样式依赖于另一个元素的样式

javascript - 选项标签的宽度

javascript - 使动态创建的下拉菜单与初始下拉菜单中的 Vue 模型中的值匹配

javascript - JS Dynamic Object within Object within Object...遍历

html - 字体很棒,有些图标没有显示

javascript - 如何制作一个按钮来切换两个功能?

html - 响应式/流畅/移动优化网站 : Top attribute on absolute element - can it "scale"

html - 带有选择高度的 IE9 css 媒体查询

javascript - jQuery 仅在 scrollTop = 0 时悬停