要在不修改元素本身的情况下更改一个元素的显示值，可以使用data-*属性来存储要显示的值，然后使用JavaScript来动态更新这个值。

以下是一个示例代码：

HTML:

  选项1
  选项2
  选项3

JavaScript:

// 获取  元素
var selectElement = document.getElementById("mySelect");

// 获取选中的选项
var selectedOption = selectElement.options[selectElement.selectedIndex];

// 获取存储在 data-display 属性中的显示值
var displayValue = selectedOption.getAttribute("data-display");

// 更新选项的显示文本
selectedOption.text = displayValue;

在上面的示例中，我们首先获取元素，然后获取当前选中的选项。接下来，我们使用getAttribute()方法获取存储在data-display属性中的显示值，并将其赋值给选项的text属性，以更新选项的显示文本。

请注意，这种方法不会更改元素本身的值，只是更改了它的显示文本。