Jquery 当用户单击“其他”选项时，如何将输入字段创建为文本？

在此代码中，我应该做什么？当用户单击“其他”选项时，列表框的侧面应该有一个文本字段。如何获取该值？

我建议使用jquery并从选项中删除onclick：

还可以查看文本框中的值。

尝试以下代码：

$("select").on("change",
               function(){
                   if($(this).find("option:selected").val() == "other"){
                       var input = $("<input/>",{
                                       type: "text"
                                   });
                       $("body").append(input);                           
                   }
               });

---

这是提琴：

请尽早帮助我，我如何才能访问文本框值？选中此选项，您可以按id或类获取文本框的值。。

$("select").on("change",
               function(){
                   if($(this).find("option:selected").val() == "other"){
                       var input = $("<input/>",{
                                       type: "text"
                                   });
                       $("body").append(input);                           
                   }
               });

$(document).ready(function(){
  $('#chief').change(function() {
      if($('#chief').val() == "others")  {
        $("#show_inp").show();
      }
      });
 });


<tr>
    <td colspan=2 style="font-weight: bold;text-align:left;">
            Chief Complaint: <span style="color: Red;">*</span>
        <input type="text" name="" id="show_inp">
        <select name="chief" id="chief" style="width:160px">
                <option value="0" selected>--Select Complaint--</option>
                <option value="RTA">RTA</option>
                <option value="Blast">Blast</option>
                <option value="Shot">Shot</option>
                <option value="shrapnel">shrapnel</option>
                <option value="others" id="other" onclick="" >other</option>
            </select>
    </td>
</tr>