一个下拉列表中的选定值不应出现在另一个下拉列表中。如何删除选中的元素？

在前端开发中，如果一个下拉列表中的选定值不应出现在另一个下拉列表中，可以通过以下步骤删除选中的元素：

获取选中的元素的值或索引。
使用JavaScript或相关的前端框架，通过获取到的值或索引，找到要删除的元素。
使用相应的方法，例如splice()或remove()，从第二个下拉列表中删除该元素。
更新第二个下拉列表的选项，确保删除后的列表与用户的期望一致。

下面是一个示例代码，演示如何删除选中的元素：

<!DOCTYPE html>
<html>
<head>
    <title>删除选中元素示例</title>
</head>
<body>
    <select id="list1" onchange="removeSelected()">
        <option value="1">选项1</option>
        <option value="2">选项2</option>
        <option value="3">选项3</option>
    </select>
    
    <select id="list2">
        <option value="a">选项A</option>
        <option value="b">选项B</option>
        <option value="c">选项C</option>
    </select>

    <script>
        function removeSelected() {
            var list1 = document.getElementById("list1");
            var list2 = document.getElementById("list2");
            var selectedValue = list1.value;

            // 找到要删除的选项
            var optionToRemove = list2.querySelector("option[value='" + selectedValue + "']");

            // 删除选项
            list2.removeChild(optionToRemove);
        }
    </script>
</body>
</html>

在这个示例中，当用户在第一个下拉列表中选择一个选项时，removeSelected()函数会被调用。该函数首先获取到选中的值，然后在第二个下拉列表中找到对应的选项，并将其从列表中删除。

请注意，这只是一个简单的示例，实际情况中可能需要根据具体需求进行适当的修改和扩展。