使用get方法在表单中创建随机URL

时间:2018-03-02 04:25:35

标签: javascript jquery

我正在尝试在我的脚本中创建一个随机网址

我想随机添加这个网址:

action="https://www.google.com/search?q="

使用:

action="https://www.google.com/search?q="
action="https://www.bing.com/search?q="
action="https://search.yahoo.com/search?p="

Html:

<form id="search-form" target="_blank" method="get" action="https://www.google.com/search?q=">
<input id="aaa" placeholder="..." name="url" type="text">
<input class="bbb" value="search" type="submit">
</form>

谢谢,

1 个答案:

答案 0 :(得分:1)

function getRandomUrl() {
  const urls = [
    'https://www.google.com/search?q=',
    'https://www.bing.com/search?q=',
    'https://search.yahoo.com/search?p='
  ]
  return urls[Math.floor(Math.random() * urls.length)]
}

function randomize() {
  const url = getRandomUrl()
  const $form = document.getElementById('search-form')
  $form.setAttribute('action', url)
}

randomize()
<form id="search-form" target="_blank" method="get" action="https://www.google.com/search">
  <input id="aaa" placeholder="..." name="url" type="text">
  <input class="bbb" value="search" type="submit">
</form>

<button onclick="randomize()">random</button>