如何使选择框值恢复为默认值

Question

这里我想让选择框值恢复为默认值。

 $(".reportingto").change(function() {
        var reportingtovalue = $(this).val();
        var reportingtoid=$(this).attr('id');
        $('select[id^="reportingto"]').each(function() {
            if(reportingtoid!==$(this).attr('id')&& reportingtovalue===$(this).val()){
                alert("Duplicate found");
                $(reportingtoid).val( $(reportingtoid).prop('defaultSelected') );
            }

        });

Answer 1

如果默认值是第一个/最高值，此解决方案将适合您。

// Replace this
$(reportingtoid).val( $(reportingtoid).prop('defaultSelected') );

// With this
$('#'+reportingtoid).prop('selectedIndex',0);

Answer 2

您应该先将原始值保存到变量中。

例如：

 var origin = $(".reportingto").val();

 function reset() {
    $(".reportingto").val(origin);
 }

 $(".reportingto").change(function() {
    var reportingtovalue = $(this).val();
    var reportingtoid=$(this).attr('id');
    $('select[id^="reportingto"]').each(function() {
        if(reportingtoid!==$(this).attr('id')&& reportingtovalue===$(this).val()){
            alert("Duplicate found");
            $(reportingtoid).val( $(reportingtoid).prop('defaultSelected') );
        }

    });