发生第二次'变更'后恢复原始数据

Question

我选择了长文本选项，我需要将该文本切成30个字符，并在选择选项时在末尾添加三个点。我需要这样才能在选择框中显示。当进行另一个选择时，第一个选项应该按原样显示在选项中，不带切片。使用下面的代码，当我选择选项时，它会在选择时保持切片，直到我刷新页面。如果选择其他选项，如何在没有切片的情况下恢复原始文本？

$("select").on("change", function(){
  var optionSelected = $("option:selected").text();
  var sliced = optionSelected.slice(0,30);
  $("select option:selected").text(sliced+"...");
});

这是一件设计事。我知道在大多数情况下不需要这样做。