如何实现select默认值更改后不可重选且宽度随选项内容自适应

该效果可以实现。
出现冗余空白的核心原因：原生<select>的默认宽度是初始化渲染时，参考所有<option>（包括设置了hidden的默认提示选项）的最长文本宽度计算的，后续选择选项时浏览器不会主动重新计算宽度，因此会保留适配长提示文本的宽度。
以下是两种可落地的实现方案，可根据项目兼容需求选择：

支持Chrome 105+、Edge 105+、Firefox 121+、Safari 15.4+，无需额外JS逻辑。
首先给默认提示选项增加标识类：

<select>
  <option class="select-placeholder" hidden disabled selected value> -- select an option -- </option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

添加对应CSS样式：

select {
  padding: 4px 28px 4px 8px; /* 右侧预留下拉箭头空间 */
  /* 初始状态适配提示文本宽度，数值根据提示文本长度调整即可 */
  width: calc(20ch + 8px);
}
/* 选中正式选项（即提示选项未被选中）时，宽度适配内容 */
select:not(:has(option.select-placeholder:checked)) {
  width: fit-content;
  min-width: 80px; /* 设置最小宽度，避免选项过短时选择框太窄 */
}

兼容所有主流浏览器，宽度计算精度更高，不受CSS新特性支持度限制。
实现逻辑是创建一个和select字体、内边距样式完全一致的隐藏测量节点，实时获取当前选中项的文本宽度，动态赋值给select：

<select id="autoFitSelect">
  <option hidden disabled selected value> -- select an option -- </option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Very long test option content</option>
  <option>Option 3</option>
</select>

<script>
const selectEl = document.getElementById('autoFitSelect');
// 创建隐藏测量节点
const widthMeasurer = document.createElement('span');
widthMeasurer.style.cssText = `
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  font: inherit; // 继承select的字体样式，保证测量准确
  padding: 0 8px;
`;
document.body.appendChild(widthMeasurer);

function refreshSelectWidth() {
  const currentText = selectEl.options[selectEl.selectedIndex].textContent;
  widthMeasurer.textContent = currentText;
  // 额外加20px为下拉箭头预留空间
  selectEl.style.width = `${widthMeasurer.offsetWidth + 20}px`;
}

// 初始化执行
refreshSelectWidth();
// 选择变更时重新计算宽度
selectEl.addEventListener('change', refreshSelectWidth);
// 如果页面有异步加载字体的场景，字体加载完成后需再执行一次刷新
document.fonts.ready.then(refreshSelectWidth);
</script>

• 不要给select设置固定width属性，会覆盖自适应逻辑
• 使用JS方案时，若自定义了select的内边距、字体大小/字体族，需要同步修改测量节点的对应样式，避免宽度计算偏差
• 建议给select设置合理的min-width，防止选项文本过短时选择框尺寸异常

内容的提问来源于stack exchange，提问作者Yuval Amir