27-解决方案

10.6.2　解决方案

使用 .appendTo() 方法在下拉框中添加新选项：

//找到"Add New Color"按钮
$('#add').click(function(event){
　　 event.preventDefault();
　　 var optionName = $('#newColorName').val();
　　 var optionValue = $('#newColorValue').val();
　　 $('<option/>').attr('value',optionValue).text(optionName).appendTo('#colors');
});

使用.remove()方法删除选项：

//找到"Remove Selected Color(s)"按钮
$('#remove').click(function(event){
　　 event.preventDefault();
　　 var $select = $('#colors');
　　 $('option:selected',$select).remove();
});