jQuery从选择中获取文本而不是值,然后检查页面加载时的初始值

时间:2018-08-17 10:43:44

标签: jquery drop-down-menu

我有一个多部分的表格,最后的“标签”是摘要标签。我想显示从先前选项卡中选择/输入的值,以显示在此摘要选项卡上。到目前为止,我设法使所有功能正常运行(使用普通和数字输入框),但是使用选择选项,将显示内部值,并且我需要文本值。用.text()替换.val()似乎不起作用,因为我需要选择的文本,而不是所有要显示的文本。

jQuery:

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

html:

<select name="material" class="form-control summarySelect" id="id_material">
  <option value="">---------</option>

  <option value="NO">No</option>

  <option value="YES" selected="">Yes</option>

</select>

实际摘要:

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

除了对选择框的帮助之外,我还希望获得一些有关如何也获取/检查初始值的建议,因为在我们的表格中,某些选项可能是预先选择的,用户无法更改。如果用户不更改此值,则他们不会显示在“摘要”标签中。

伴随jsfiddle:http://jsfiddle.net/ubjn8xfr/4/

0 个答案:

没有答案