如何在我的选择选项中有一个链接，但不是所有的都应该是链接

Question

我有一个数据库中用户的下拉列表，然后在最后一行我想做一个静态选项来创建一个新用户，并将用户重定向到另一个页面

尝试在值中发布链接，或输入<a>标记或添加href，但没有成功。

<label for="cars">Assign to:</label>
<select id="cars" name="assignTo" required>
<option value=""></option>
<option value="Jey">Jey</option>
<option value="Mike">Mike</option>
<option value="Moses">Moses</option>
<option value="Joe">Joe</option>
<option value="" href="/add-user.php">Add new user</option>
</select>

Answer 1

您可以让onchange事件在值更改时检查该值，并使用open函数重定向：

var cars = document.getElementById("cars")
cars.addEventListener("change", function() {
if (cars.value == "addUser") {
open("/add-user.php", "_self")
}
})

<label for="cars">Assign to:</label>
<select id="cars" name="assignTo" required>
<option value=""></option>
<option value="Jey">Jey</option>
<option value="Mike">Mike</option>
<option value="Moses">Moses</option>
<option value="Joe">Joe</option>
<option value="addUser">Add new user</option>
</select>

当它被更改时，它会检查addUser的值，如果是，它会将用户重定向到页面。