如何从下拉列表中获取所选值的内文？

Question

我有一个下拉列表，其中包含一些成分，这些成分的实际值是我在asp-for-ingridientId中使用的ID。现在，当我选择某些内容作为字符串值时，我想要Innertext又名“正在显示的内容”。然后，我将把这个字符串值放入另一个隐藏的value="theInnertextvariable"输入类型中。我该如何实现？

我已经尝试过了，但这只是给我一个ID。如果我使用InnerText而不是value，它将为我提供选择中选项的完整列表。

<script>
    function getSelectedValue()
    {
        var selectedValue = document.getElementById("list").value;      
        console.log(selectedValue);
    }
</script>

<label asp-for="RezeptZutaten.ZutatenId" class="control-label">Zutat</label>
<select onchange="getSelectedValue();" id="list" 
        asp-for="RezeptZutaten.ZutatenId" class="form-control"
        asp-items="@Model.ZutatenSelectList">                      
    <option value="">-- Wähle die Zutat aus --</option>
</select>
<span asp-validation-for="RezeptZutaten.ZutatenId" class="text-danger"/>

我只希望所选值的Innertext。但是我要么获得所有选项，要么仅获得所选值的ID。