Question

我有一个包含下拉列表的表单。但是，用户可以通过单击旁边的按钮来注册新值（也可以注册到数据库中）。

我设法通过AJAX方法注册它。但是，我找不到刷新下拉列表的方法，以便用户可以选择新插入的值。

我尝试了location.reload(true)，但这会删除现有的表单输入。有没有办法让我只刷新下拉列表，或刷新没有输入损失？

我的JQuery看起来像这样

$('#formSupplier').submit(function(e){
    $('#divProcessingMessage').show();
    $('#divSupplierForm').hide();
    $.post('/item/xhr_reg_supplier/',$('#formSupplier').serializeArray(),        
        function(data){
            if(data){
                alert('Supplier registration successful')
                $('#divProcessingMessage').hide();
                $('#divSupplierForm').show();

                //Clear the form's field
                $('#formSupplier').find(':input').each(function(){
                    switch(this.type) {
                        case 'password':
                        case 'select-multiple':
                        case 'select-one':
                        case 'text':
                        case 'textarea':
                            $(this).val('');
                            break;
                        case 'checkbox':
                        case 'radio':
                            this.checked = false;
                    } 
                });

                $('#supplier_form').hide();
                location.reload(true);
            } else {
                alert('Supplier registration failed')
            }        
        }
    );

我正在使用django 1.3.1框架fyi。

Answer 1

有三种方法可以做到这一点：

document.getElementById('form_id').reset()

或

$('#FormID').each (function(){
  this.reset();
});

或

jQuery.fn.reset = function () {
  $(this).each (function() { this.reset(); });
}

$("#FormID").reset();

Answer 2

在处理AJAX请求的视图中，让它重新呈现表单字段＆amp;返回HTML。然后在JS回调中，用jquery：$('select[name="thefield"]').replaceWith(data)交换它。如果在下拉列表发生更改时触发了页面事件，则可能需要将事件重新绑定到新插入的DOM片段。

如何刷新表单中的选择选项而不会导致表单输入丢失（Django + jQuery）

2 个答案: