javascript - 選択内にテキストボックスを作成する

Question

これがドロップダウンリストの簡単なhtmlコードです:-

<span id="Div_List">
    <label for="Gender">For:</label>
    <select name="Gender" id="Sex">
      <option value="1">1000mtr</option>
      <option value="2">1500mtr</option>
      <option value="3">2000mtr</option>
    </select>
</span>

内に1つのテキストボックスを作成したいselect。
どのように可能ですか？これを行う方法があれば、あなたのアイデアを提案してください。
ありがとう。