使用选择选项搜索哪个域

时间:2017-05-22 08:17:13

标签: forms

我有一个mediawiki多语言网站(在子域名上),我正在尝试设置类似于维基百科的起始页面,用户可以输入搜索词,然后从选择列表中选择他们的语言。

我不知道从哪里开始,没有太多建立表格的经验,所以有了这个问题,我至少在寻找线索和方向。

我的想法是一个简单的搜索表单,根据选择的语言,当用户提交时,它会转到网址(与选择列表相关),并附加搜索的字词。

1 个答案:

答案 0 :(得分:0)

一个简单的表单,可以帮助您入门(表单允许您输入URL并选择语言)



function myFunction() {
  // get input form values
  var url = document.getElementById("iUrl").value;
  var langEl = document.getElementById("iLang");
  var iLang = langEl[langEl.selectedIndex].value;
  console.log("URL = ", url);
  console.log("Lang = ", iLang);
  window.open(url + "&lr=" + iLang);
}

<form id="form" action="javascript:myFunction();">
  <input size="35" type="text" id="iUrl" name="text" value="https://www.google.com/search?as_q=" />
  <br>
  <select name="language" id="iLang">
    <option value="lang_en">EN</option>
    <option value="lang_es">ES</option>
  </select>

  <input type="submit" name="submit" value="Submit" />
</form>
&#13;
&#13;
&#13;