Javascript Jquery使用数据id并禁用和清除输入字段

出于各种原因，我想更改下面的代码以查找数据属性，而不是一个名为“mygroup”的类

HTML

---

如何更改上面的代码以应用于“application”的数据id，而不是使用类“mygroup”。关于奖励积分，有人能告诉我如何清除隐藏字段的内容并禁用它吗？

尝试使用属性选择器，即所有元素都具有属性

数据id

，而不是类

myClass

function applyField() {
    $(document).on('change', '#apply',function() {
        var selected = $(this).find(':selected').val(),
            elem = $("#"+selected);
        $("input[data-id]").addClass('hidden');
        elem.removeClass('hidden');
    });
    $("#apply").trigger('change');
};

jQuery(function($){
    applyField();
});

---

演示：

尝试使用属性选择器，即所有元素都具有属性

数据id

，而不是使用class

myClass

function applyField() {
    $(document).on('change', '#apply',function() {
        var selected = $(this).find(':selected').val(),
            elem = $("#"+selected);
        $("input[data-id]").addClass('hidden');
        elem.removeClass('hidden');
    });
    $("#apply").trigger('change');
};

jQuery(function($){
    applyField();
});

---

演示：

您只需将其称为

$（'[data id=“application”]'）

对于清除和禁用，请使用

.prop（）

和

.val（“”）

：

---

您只需将其称为

$（'[data id=“application”]'）

对于清除和禁用，请使用

.prop（）

和

.val（“”）

：

可能的重复

function applyField() {
    $(document).on('change', '#apply',function() {
        var selected = $(this).find(':selected').val(),
            elem = $("#"+selected);
        $("input[data-id]").addClass('hidden');
        elem.removeClass('hidden');
    });
    $("#apply").trigger('change');
};

jQuery(function($){
    applyField();
});

$('[data-id="application"]').addClass('hidden').prop('disabled', true).val('');
elem.removeClass('hidden').prop('disabled', false);