jquery - jquery +通过选择选项打开隐藏的DIV并发送表单值

Question

我有申请表格，使用 jquery 和 php 邮件，但不能解决最后一个问题，这里是选择选项：

<select name="LV01S01F001" id="LV01S01F001" class="selectform">`
<option disabled="disabled" selected="selected">choose one</option>
<option value="ID001">01 - option name + short description</option>
<option value="ID002">02 - option name + short description</option>
<option value="ID003">03 - option name + short description</option>
</select>

因此，通过选定的选项，使用它的值打开隐藏的 DIV，使用以下脚本：

<script type="text/javascript">
    $(function() {
        $('#LV01S01F001').change(function(){
            $('.CREDITDIV').hide();
            $('#' + $(this).val()).show();
        });
    });
</script>

问题的关键，该脚本正在使用select option value，同时值由php mail 发送，但我需要发送它的文本，而不是它的值，所以让它看起来像：

<option>01 - option name + short description</option>

所以它会发送01 - option name + short description，但不会发送ID001作为它的值。

或者改变价值

<option value="ID003">

别的东西？

演示

先感谢您！

Answer 1

尝试使用.text() 之类的

<script type="text/javascript">
    $(function() {
        $('#LV01S01F001').change(function(){
            $('.CREDITDIV').hide();
            $('#' + $(this).val()).text($(this).find('option:selected').text());
            $('#' + $(this).val()).show();
        });
     });
</script>

但最好只使用它的值，而不是我们选择的文本。见这个链接

Answer 2

要获取所选选项的文本，请使用：

$(this).find('option:selected').text();

哪里this指的是<select>

例如：

$('.selectform').change(function() {
    alert($(this).find('option:selected').text());
});