Question

所以我正在做一个学校项目，我想提交选项，并根据提交的选项重定向到特定的网站。是否将预期的目标URL放在选项的值中？谢谢！！到目前为止，我已经知道了：

undefined

Answer 1

是的，将预期的URL用作选项的值。

这是一个使用一些javascript的小例子：

<form onsubmit="linkOption(this);">
    <select id="link">
         <option value="">Select...</option>
         <option value="https://google.com">Google</option>
         <option value="https://stackoverflow.com">Stack Overflow</option>
    </select>

    <button type="submit">Submit</button>
</form>
<script>
    var linkOption = function(form) {
        form.action = document.getElementById('link').value;
    };
</script>

Answer 2

尝试使用此..选择目标网址

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
<option value="">Select...</option>
<option value="http://google.com">Google</option>
<option value="http://yahoo.com">Yahoo</option>

Answer 3

您可以将网站的目标URL用作选项的值，然后在select元素上使用onchange Event属性来运行执行重定向的功能。

<select id="mood" name="mood" onchange="redirect()">
 <option value="http://www.facebook.com">Happy</option>
 ...
</select>

现在创建一个脚本标签

<script>
 function redirect() {
  const mood = document.getElementById('mood').value;
  window.location.href = mood; 
 }
</script>

Answer 4

尝试一下...

<form id="link" method="post" action="">
 <p align="center">Please, select one: <select name="mood"></p>
 <option value="https:\\www.google.com">Happy</option>
 <option value="https:zzwww.youtube.com">Sad</option>
 <option value="https:\\www.facebook.com">Angry</option>
</select>
<input type="submit" name="">
</form>

然后在您将其定向到的任何页面的顶部，都有以下PHP代码：

<?php
 if (isset($_POST['mood'])) { $url = $_POST['mood']; header("Location: ".$url." ");}
?>

我已经对此进行了测试，但似乎工作正常，但是无论您使用什么链接，都必须具有http：\或https：\

根据选项提交的HTML重定向到特定的URL

4 个答案: