选项链接和显示值

Question

好的，所以我有一个 HTML 表单中的标准选择选项，但我要做的是显示名称并同时链接到另一个页面，而我正在尝试显示名称到另一个页面，输出代表选项中的值，那么如果我想显示名称如何？

这是我的代码：

                  <select name="ticket" id="ticket" >
                        <option disabled selected>Please Select</option><?php echo !empty($ticket)?$ticket:'';?>
                        <option value="create_email2.php">Email</option>
                        <option value="sort.php">Orlig</a></option>
                        <option>Task</option>
                        <option>Project</option>
                        <option>Meeting</option>
                        <option>Disscussion</option>
                        <?php if (!empty($ticketError)): ?>
                            <span class="help-inline"><?php echo $ticketError;?></span>
                        <?php endif;?>

以及调用值的这段代码：

$ticket = $_POST['ticket']; 回声 $ticket;?>

Answer 1

您可以在选择上添加一个事件侦听器，它将 location.href 替换为所选值。

<script>
document.getElementById("ticket").addEventListener("change",function(){
    // Get the value of the select
    var value = this.value;

    // Check if the value ends with .php to avoid invalid redirects
    if (/\.php$/.test(value)) {

        // Change the page
        location.href = value;
    }
});
</script>
</body>

这是 JavaScript，将代码放在 script 标记中，包括标记本身，在您的页面中，就在结束 body 标记之前。