title: how to add textbox in dropdown select option
body: <p>i am trying to add textbox in dropdown but textbox is not visible in dropdown below is the picture of desired output</p>
  
  <p><a href="https://i.stack.imgur.com/ay4Gy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ay4Gy.png" alt="this my desired output"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> $.each(SegGoalData, function(i, v) {
     $("#Select").append("&lt;option value=" + SegGoalData[i][0] + "&gt;" + SegGoalData[i][1] + "&lt;/option&gt;"); // i am adding value to dropdown
     $("#Select").append("&lt;option&gt;&lt;input type='text' name='fname'&gt;&lt;/option&gt;"); // i am trying to append to textbox
   })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select id="Select"&gt;
  
    &lt;option selected="selected" disabled="disabled"&gt;Look here for more goals&lt;/option&gt;
  
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>