如何使用JQuery / JS动态获取表单选项文本

Question

我有以下代码：

<script>
$(document).ready(function ()
{
    $('.formtime-group').hide();

    $('#monday, #tuesday, #wednesday, #thursday, #friday, #saturday, #sunday').change(function ()
    {
        var val = $("#monday").children("option").filter(":selected").text()

        if (val === "open")
        {
            $('#'+$(this).val()).show();
        }
        if (val === "closed")
        {
            $('#'+$(this).val()).hide();
        }

    });
});
</script>

我可以获取变量“ val”以使硬编码的“ #monday” ID正常工作（它可以获取选项文本），但是我想要的是我可以动态获取（对于其他“ day” ID），而不必不必要地重复代码。 动态显示/隐藏使用'＃'+ $（this）确实可以。 本质上，我试图基于特定的选项选择器显示/隐藏div。 我知道我也可以动态添加div，但是我需要特定的日期名称来进行表单处理。

我已经尝试过类似的方法，但它似乎不起作用。

var val = $('#'+$(this).children(':selected'));

任何人都可以请教吗？ 我还要求表单属性也要动态禁用/启用。 这似乎也不起作用，但是有望显示出我正在尝试实现的目标：

$('#'+$(this).children(':input')).attr('disabled', 'disabled');

谢谢！

Answer 1

如果我理解正确。

采用

var val = $("#monday").children("option").filter(":selected").text()

代替

var val = $(this).children("option:selected").text()

Answer 2

应该将这一行中的#monday更改为“ this”：

var val = $("#monday").children("option").filter(":selected").text()

如果没有更多代码，很难说。 另外，我仍然在自己学习jQuery选择器。