這是我在數據表內部的模態代碼，這個模態用于編輯，但我的腳本只在第一行工作，但如果我想編輯第二行，腳本就不起作用。<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>
2 回答
慕沐林林
TA貢獻2016條經驗 獲得超9個贊
試試這個
$(document).on("change", "select", function(){
if( $(this).val() == 'Other'){
$('#forshow1').append('<input type="text" name="other" class="form-
control" id="myInput1" />');
}else{
$('#myInput1').remove();
}
});
呼啦一陣風
TA貢獻1802條經驗 獲得超6個贊
你可以試試這種方式。
$('#mylist1').change(function(){
if( $(this).val() == 'Other'){
$('#forshow1').append('<input type="text" name="other" class="form-control" id="myInput1" />');
}else{
$('#myInput1').remove();
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>
- 2 回答
- 0 關注
- 96 瀏覽
添加回答
舉報
0/150
提交
取消