title: Create Input Field via Drop Down (select option) dynamic
body: <p>i have a Select Option but I need you when clicking on an option, generate a new Input Field with the selected value and so it is removed from the Select Option, when you generate the Input Field beside this also generated a tag to remove this Input Field, when I remove this FIeld Input, the value returns to its Select Option.</p>
  
  <p>More or less something like this (I'll explain with pictures):</p>
  
  <p><img src="https://i.stack.imgur.com/9vV9q.jpg" alt="Here i select the value 1"></p>
  
  <p><img src="https://i.stack.imgur.com/VuiDx.jpg" alt="enter image description here"> and <img src="https://i.stack.imgur.com/7eBQS.jpg" alt="enter image description here"></p>
  
  <p>When on click in label Remove, its return at Select Option.</p>
  
  <p><img src="https://i.stack.imgur.com/McKOJ.jpg" alt="enter image description here"> and come back <img src="https://i.stack.imgur.com/pTfYn.jpg" alt="enter image description here"></p>
  
  <p>I was using the following link as an example:</p>
  
  <p><a href="http://jsfiddle.net/jaredwilli/tZPg4/4/" rel="nofollow noreferrer">http://jsfiddle.net/jaredwilli/tZPg4/4/ CREATE INPUT FIELDS DYNAMIC</a></p>
  
  <p><a href="http://jsfiddle.net/cqjJy/" rel="nofollow noreferrer">http://jsfiddle.net/cqjJy/  CREATE INPUT FIELDS FROM SELECT OPTION</a></p>
  
  <pre><code>    $(function () {
      var scntDiv = $('#p_scents');
      var i = $('#p_scents p').size() + 1;
  
      $('#addScnt').live('click', function () {
          $('&lt;p&gt;&lt;label for="p_scnts"&gt;&lt;input type="text" id="p_scnt" size="20" name="p_scnt_' + i + '" value="" placeholder="Input Value" /&gt;&lt;/label&gt; &lt;a href="#" id="remScnt"&gt;Remove&lt;/a&gt;&lt;/p&gt;').appendTo(scntDiv);
          i++;
          return false;
      });
  
      $('#remScnt').live('click', function () {
          if (i &gt; 2) {
              $(this).parents('p').remove();
              i--;
          }
          return false;
      });
  });
  
  $(document).ready(function () {
      $("#claim").change(function () {
          $("#area").find(".field").remove();
          //or
          $('#area').remove('.field');
          if ($(this).val() == "Val1") {
              $("#area").append("&lt;input class='field' type='text' /&gt;");
  
          }
      });
  
  });
  </code></pre>
  
  <p>NOTE: This code is a example of the links.</p>
  
  <p>Thanks I hope you can help :)</p>