2010-11-09 64 views
6

重新填充下拉列表选项,如何清除选项列表,然后重新填充?重新填充下拉列表选项,如何清除选项列表,然后重新填充?

当事件触发时,我需要清除下拉列表#users的当前内容,然后通过ajax重新填充它。

我的Ajax调用返回对于喜欢选择的HTML:

<option name=blah1>text1</option> 
<option name=blah2>text2</option> 
<option name=blah3>text3</option> 
+0

http://stackoverflow.com/questions/680241/resetting-a-multi-stage-form-with-jquery – 2012-08-22 15:49:16

回答

7

你可以改变从你的Ajax调用返回使用的数据select元素的html

$("#users").html(data); 

所以会看起来像这样:

$.ajax({ 
    type: "POST", 
    url: url, 
    data: data, 
    success: : function(data) { 
     $("#users").html(data); 
    } 
    dataType: "HTML" 
}); 
24

你可以ü se下面

$('#mySelect').empty() 

然后重新绑定新的数据。

+0

@blankman,#myselect相当于#users。我只是给了那个代码让你清空结果,是的.html会附加数据.. – kobe 2010-11-09 16:40:57

0

在您的AJAX调用回调中,只需清除select元素的内容并重新添加由AJAX调用返回的内容。

function(ajaxResult) { 
    $('#users').html(ajaxResult); 
} 
2
function(ajaxResult) { 
    $('#users').html(""); //clear old options 
    $('#users').html(ajaxResult); 
}