JQuery一日一練（select的各種操作）

12345aadfadf4fffd

abc

  //select選項添加
  $('#optionAdd').click(function(){
      var s = $('#txtSelect').val();
   if(s != ''){
       s = '<option>' + s + '</option>';
       $('#ll').append(s);
   }else{
    alert('不能爲空');
   }
  });
  
  //select選項刪除
  $('#optionDel').click(function(){
   $('#ll option[selected]').remove();
  });
  
  //select選項修改
  $('#optionEdit').click(function(){
   $('#ll option[selected]').text('ycj');
  });
  
  //獲取select更改後的值
  $('#ll').change(function(){
   $('#txtSelect').val($(this).val());
  });
  
  //select 元素中的比較
  $('#optionCompare').click(function(){
  
      //方法1
   $('#result').text('no'); 
      for(i=0; i<$('#ll option').length; i++){
    if($('#ll option').eq(i).text() == $('#txtSelect').val()){
     $('#result').text('yes'); 
    }
   }
  
      //方法2
   $('#result').text('no'); 
   $('#ll option').each(function(){
    if($(this).text() == $('#txtSelect').val()){
     $('#result').text('yes'); 
    }
   });
  
  });

個人感覺添加操作不理想，但暫時也找不到什麼好的辦法