title: Deleting an option in a <select> list
body: <p>i have following function:</p>
  
  <pre><code>function delete_auswahl()    
  {
  
      var anzahl =document.getElementById ("warenkorbfeld").length ;
  
      for (var i =0; i&lt;=anzahl; i++)
      {
          if (document.getElementById ("warenkorbfeld").options[i].selected==true)
          {
  
  
  
              if (document.getElementById ("warenkorbfeld").options[i].id == "Margherita" )
                  gesamtbetrag = gesamtbetrag - 4;
  
              if (document.getElementById ("warenkorbfeld").options[i].id=="Salami"  )
                  gesamtbetrag = gesamtbetrag - 4.50;
  
              if (document.getElementById ("warenkorbfeld").options[i].id=="Hawaii"  )
                  gesamtbetrag = gesamtbetrag - 5.50;
  
  
              document.getElementById ("warenkorbfeld").options[i]=null;
              i--;// auf der gleichen stelle bleiben, da dass nächste feld nachrückt
  
          }
      }
  
      document.getElementById('gesamtbetrag').innerHTML=gesamtbetrag ;
  
  }
  </code></pre>
  
  <p>before i added values with</p>
  
  <pre><code>function hinzu (pizza)
  {
      NeuerEintrag = new Option(pizza, pizza, false, false);
      document.getElementById("warenkorbfeld").options[document.getElementById("warenkorbfeld").length] = NeuerEintrag ;
  
      if (pizza=="Margherita")
      {
          gesamtbetrag = gesamtbetrag + 4;
      }
  
      if (pizza=="Salami")
      {
          gesamtbetrag = gesamtbetrag + 4.50;
      }
  
      if (pizza=="Hawaii")
      {
          gesamtbetrag = gesamtbetrag + 5.50;
      }
  
      document.getElementById('gesamtbetrag').innerHTML=gesamtbetrag ;
  
  }
  </code></pre>
  
  <p>now, in the delete function doesn't substract the price.
  despite this, all works.</p>
  
  <p>what's wrong with this term?</p>
  
  <pre><code>if (document.getElementById ("warenkorbfeld").options[i].id == "Margherita" )
                  gesamtbetrag = gesamtbetrag - 4;
  </code></pre>
  
  <p>thanks in advance</p>