jQuery从select中获取文本而不是值，并在页面加载时检查初始值

我有一个多部分表单，最后一个选项卡是摘要选项卡。我想显示从以前选项卡中选择/输入的值，以显示在此摘要选项卡上。到目前为止，我设法让所有东西都能使用普通和数字输入框，但使用选择选项时，会显示内部值，我需要文本值。简单地用.text替换.val似乎不起作用，因为我需要选定的文本，而不是所有要显示的文本

jQuery：

    $('.summarySelect').change(function(){
        var $selectedValue = $(this);
        $('.'+$selectedValue.attr('id')+'').html($selectedValue.val());
    });

html:

实际摘要：

Material:
<span class="id_material"></span>

除了一些关于选择框的帮助外，我想了解一些关于如何获取/检查初始值的建议，因为在我们的表单中，一些选项可能是预先选择的，用户可能不会更改。如果用户不更改此值，他们将不会显示在摘要选项卡中

---

附带的JSFIDLE:

选择下拉值时，您面临的确切问题是什么？这是您想要的吗$this.find：selected.text；要获取选定的option@CarstenL是的，这正是我需要的解决方案。

Material:
<span class="id_material"></span>