Javascript 当下拉列表中的文本不在焦点时，如何将文本前置到选中的文本？

当选定的文本不在焦点时，如何在下拉列表中显示该文本

当前，在不聚焦时，它看起来是这样的：

当它处于焦点时，看起来是这样的：

<select name="bloodsVaccinesTypesBloods-${newRowId}" id="bloodsVaccinesTypesBloods-${newRowId}" class="bloodsVaccinesDropdown bloodsVaccinesTestTypes bloodsVaccinesTypesBloods">
    <optgroup label="Hepatitis B">
        <option value="12" selected="selected">Antigen blood test</option>
        <option value="13">Core antibody blood test</option>
        <option value="10">Vaccine (course of 3 vaccines & 5 year booster)</option>
    <optgroup label="Hepatitis C">
        <option value="14">Antibody blood test</option>
        <option value="15">RNA blood test</option>
    </optgroup>
</select>

如果可能的话，我想在它不在焦点时显示乙肝核心抗体血液检测

有没有办法做到这一点

代码当前看起来如下所示：

<select name="bloodsVaccinesTypesBloods-${newRowId}" id="bloodsVaccinesTypesBloods-${newRowId}" class="bloodsVaccinesDropdown bloodsVaccinesTestTypes bloodsVaccinesTypesBloods">
    <optgroup label="Hepatitis B">
        <option value="12" selected="selected">Antigen blood test</option>
        <option value="13">Core antibody blood test</option>
        <option value="10">Vaccine (course of 3 vaccines & 5 year booster)</option>
    <optgroup label="Hepatitis C">
        <option value="14">Antibody blood test</option>
        <option value="15">RNA blood test</option>
    </optgroup>
</select>

---

这可能会实现我假设的id=bloodvaccinestypesbloods的技巧提示：

$('#bloodsVaccinesTypesBloods').focusout(function(){
      $('#bloodsVaccinesTypesBloods > optgroup').each(function() {
         $(this).children().each(function() {
         $(this).attr('label',$(this).parent().attr('label')+ ' - ' + $(this).text());
      });
      });
});

$('#bloodsVaccinesTypesBloods').focus(function(){
       $('#bloodsVaccinesTypesBloods > optgroup').each(function() {
                    $(this).children().each(function() {
                    $(this).attr('label',$(this).text());
                     });
                });
});

---

i、 e.

相关，这是否回答了您的问题@weltschmerz感谢您抽出时间来看这个。它们是很好的起点，但它们使第一个在不聚焦时显示，可能只有在单击一个时才会显示？。。。但我希望同时展示文本和文本。因此，这个问题不是重复的。谢谢你的关注！如果没有更干净的方法，也许我可以在一次改变时做一个假的触发…这对你有用吗？