Question

是否可以将选项重定向到网站网址？

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

基本上我如何将上面的代码和下面的代码结合起来？

 <a href="https://www.google.com/">Google</a>

由于

Answer 1

https://jsfiddle.net/kokb207o/ 您可以使用Javascript来完成此专长，方法是更改元素的href，如下所示：

HTML

<select id="browsers" onblur='changeHref()'>
  <option value="google">Google</option>
  <option value="youtube">Youtube</option>
  <option value="facebook">Facebook</option>
  <option value="instagram">Instagram</option>
  <option value="twitter">Twitter</option>
</select>
<a href='javascript: void(0)' id='url' target='_blank'>Click Me!</a>

的Javascript

function changeHref() {
  document.getElementById('url').href = 'http://www.' + document.getElementById('browsers').value + '.com';
}

Answer 2

试试这个代码段。由于某些原因，google.com等网站由于安全原因未重定向。但是第一个链接工作

＆＃13;

render: (text, record) => <Link to={'user/' + record.name}>{text}</Link>

＆＃13;

function redirect(goto) {
  if (goto != '') {
    window.location = goto;
  }
}

var selectEl = document.getElementById('redirectSelect');

selectEl.onchange = function() {
  var goto = this.value;
  redirect(goto);

};

＆＃13;

Html可搜索列表，根据所选选项重定向到网站

2 个答案: