jquery删除元素以及列表选择

Question

我有一个选择列表，当用户选择项目时，它会动态构建li元素，当用户点击li元素时，li将被删除。以下是我目前的代码，

下面在选择选项

时添加了li

$('#sectors').change(function(e){
$('#selected_sectors').empty();
$(this).find(':selected').each(function(i,e
{$('#selected_sectors').append($('<li>').text($(e).val())); }); });

以下删除生成的li

$('ul#selected_sectors li').live('click', function(){ $(this).fadeOut('slow').remove(); $('#selected_sectors').val($(this).text()).attr('selected', false); });

我想要的是，当li被移除后，选择选项的值与li的文本相同也会被取消选择？

Answer 1

您可以根据以下值选择选项：

$("#sectors").val("0")

或者您可以根据第一个选项元素

进行选择

$("#sectors option").first().attr("selected", "selected");

jsfiddle

上的示例