Как удалить элемент по щелчку

Question

нужно удалить существующий HTML, когда переключателе Вэл == 0. Вот мой HTML,

<div class="info-cont"> 
    <ul class="map-list"> 
     <li> 
      <span class="left"> 
       <label>Name 1</label> 
      </span> 
      <span class="right"> 
       <select class="combo"> 
        <option selected="selected" value="0"></option> 
        <option value="1">F name</option> 
        <option value="2">M name</option> 
        <option value="3">L name</option> 
       </select> 
      </span> 
     </li> 
    </ul> 
</div> 

Примечание: Есть около 10 selectboxes на моей странице, как выше ,

и JQuery для выше есть

$(document).ready(function() { 
    $('#save').click(function() { 
     var comboLength = $('.combo').length; 
     var selectedLength = $('.combo option:selected[value!=0]').length; 
     if (comboLength == selectedLength) { 
      alert('Thanks all the fields are selected'); 
      return false; 
     } 
     if ($('.combo option:selected[value==0]')) { 
      $("div.info-cont ul.map-list li span.right").append("<br>Please select an appropriate value").addClass('validerror'); 
     } else { 
      $("div.info-cont ul.map-list li span.right").html(""); 
      $("div.info-cont ul.map-list li span.right").removeClass('validerror'); 
     } 
     return false; 
    }) 
}); 

Что мне нужно сделать в состоянии еще? (Я еще часть не функц). Также, когда я нажимаю кнопку отправки второй раз, я не должен добавлять html, к которому я уже получил в первый клик. Любая помощь? Спасибо ...

Answer 1

Изменение if к

if($('.combo option:selected').val() === '0'){ 

---

Все вопросы могут быть решены с

$(document).ready(function(){ 
    $('#save').click(function(){ 
     var combo = $('.combo'), // get all combo elements 
      selected = $('.combo').filter(function(){ 
       return $(this).find('option[value!="0"]:selected').length; 
      }), // get all valid combo elements 
      unselected = combo.not(selected); // get all non-valid combo elements 

     // clear previous error messages 
     combo 
      .closest('.right') // find containing .right element 
      .removeClass('validerror') // remove error class 
      .find('.errormessage') // find error message 
      .remove(); // remove error message 

     // chech if all combos are valid 
     if (combo.length === selected.length) { 
      alert('Thanks all the fields are selected'); 
      return false; 
     } 

     // highlight non-valid elements 
     unselected 
      .closest('.right') 
      .addClass('validerror') 
      .append('<div class="errormessage">Please select an appropriate value</div>'); 

     return false; 
    }); 
}); 

демо на http://jsfiddle.net/gaby/Y3RrH/