JQuery 设置选择为已选择 - 不更新

Question

我以前已经这样做过一百次了，但在这一次我无法让它工作。

我有一个表格。您从客户下拉列表中进行选择，它会更新表单中的其余字段。

简单。

我使用 ajax 调用并将表单数据作为 json 对象返回，然后使用以下 jquery 更新屏幕上的表单。设置字段以使name 与输出定义匹配(在下面为k)。

    $.each(out, function(k,v){
        if($('form input[name="'+k+'"]').attr('type') == 'text'){
            $('form input[name="'+k+'"]').val(v);
        }else if($('form input[name="'+k+'"]').attr('type') == 'hidden'){
            $('form input[name="'+k+'"]').val(v);
            $('form .'+k).text(v);
        }else if($('form input[name="'+k+'"]').attr('type') == 'checkbox'){
            if(v == '1') {
                $('form input[name="'+k+'"]').attr('checked', true);
            }else{
                $('form input[name="'+k+'"]').attr('checked', false);
            }
        }else
        $('form select[name="'+k+'"] option[value="'+v+'"]').attr('selected', true);

        $('form input[name="old_client_name"]').val(out.client_name);
    });

当我使用检查元素时，我实际上可以在一个选择字段中看到正确的选项已被赋予 selected="selected" 值，但用户的 View 没有更新选择框来反射(reflect)这一点，因此用户看不到它已被选中，并且在处理表单时，它的行为就像尚未设置该值一样。

我正在使用 jq 1.9.1，但最近才在这个特定项目上升级到此版本。

有什么建议吗？

Answer 1

尝试:

    $('form select[name="'+k+'"] option[value="'+v+'"]').attr('selected', 'selected');

或者:

    $('form select[name="'+k+'"] option[value="'+v+'"]').prop('selected', 'selected');

为了清楚起见，您应该始终设置 selected="selected"，而不仅仅是 true。