Javascript 我的脚本在我的表编辑模式下不工作

这是数据表内部模式的代码。此模式用于编辑，但我的脚本仅在第一行起作用，但如果我要编辑第二行，则脚本不起作用

<div class="form-group">
        <label for="leave_type">Type of Leave:</label>
        <select class="form-control mylist1" id="mylist1" name="leave_type">
            <option value="Vacation Leave">Vacation Leave</option>
            <option value="Maternity Leave" >Maternity Leave</option>
            <option value="Sick Leave" >Sick Leave</option>
            <option value="Paternity Leave" >Paternity Leave</option>
            <option value="Leave Without Pay" >Leave Without Pay</option>
            <option value="Authorized Absence" >Authorized Absence</option>
            <option value="Unauthorized Absence" >Unauthorized Absence</option>
            <option value="Other">Other</option>
        </select>
    </div>

    <div class="form-group">
        <div id="forshow1" class="forshow1">
        </div>
    </div>

休假类型：
休假
产假
病假
陪产假
无薪休假
授权缺勤
擅离职守
其他

还有我的剧本

  <script>
     $('#mylist1').change(function(){
        if( $(this).val() == 'Other'){
            $('#forshow1').append('<input type="text" name="other" class="form- 
            control" id="myInput1" />');
        }else{
            $('#myInput1').remove();
        }
    });
 </script>

$（'#mylist1'）。更改（函数（）{
if（$（this）.val（）=='Other'）{
$（'#forshow1'）。附加（''）；
}否则{
$（'#myInput1'）。删除（）；
}
});

试试这个

$(document).on("change", "select", function(){
  if( $(this).val() == 'Other'){
     $('#forshow1').append('<input type="text" name="other" class="form- 
     control" id="myInput1" />');
  }else{
     $('#myInput1').remove();
  }
});

$（文档）.on（“更改”、“选择”，函数（））{
if（$（this）.val（）=='Other'）{
$（'#forshow1'）。附加（''）；
}否则{
$（'#myInput1'）。删除（）；
}
});

您可以这样尝试

$（'#mylist1'）.change（function（）{
if（$（this）.val（）=='Other'）{
$（'#forshow1'）。附加（''）；
}否则{
$（'#myInput1'）。删除（）；
}
});

休假类型：
休假
产假
病假
陪产假
无薪休假
授权缺勤
擅离职守
其他
这是否回答了您的问题？如果你需要帮助，请告诉我@Alfredo Ramirez Jr。