title: edit & delete div after select option in AngularJS
body: <p>This is my HTML</p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div class="col-md-6"&gt;
     &lt;div class="dropdown pull-left"&gt;
     &lt;button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"&gt;
         &lt;span class="caret"&gt;&lt;/span&gt;
     &lt;/button&gt;
     &lt;ul class="dropdown-menu pull-left" aria-labelledby="dropdownMenu1"&gt;
        &lt;li&gt;&lt;a href=""&gt;Edit&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;Delete&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
   &lt;/div&gt;
   &lt;span class="dark_gray_font pull-right"&gt;Ventes fleurs à 12%&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="col-md-5"&gt;
    &lt;span class="dark_gray_font pull-right"&gt;25 &lt;i class="fa fa-eur"&gt;&lt;/i&gt;&lt;/span&gt;
    &lt;hr&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Edit</strong></p>
  
  <p>If select <code>Edit</code> option, I want to change </p>
  
  <pre><code>&lt;span class="dark_gray_font pull-right"&gt;Ventes fleurs à 12%&lt;/span&gt;
  </code></pre>
  
  <p>&amp;</p>
  
  <pre><code>&lt;span class="dark_gray_font pull-right"&gt;25 &lt;i class="fa fa-eur"&gt;&lt;/i&gt;&lt;/span&gt;
  </code></pre>
  
  <p>to <strong>input box</strong></p>
  
  <p><strong>Delete</strong></p>
  
  <p>If select <code>Delete</code> option, I want to remove whole <code>div</code> (<code>&lt;div class="row"&gt;...&lt;/div&gt;</code>)</p>
  
  <p>I tried to do it but my functions are wrong.</p>
  
  <p>any help please.</p>
  
  <p>Thank you.</p>