ผมจะทำฟังก์ชั่นสำหรับสั่ง reset form ครับ ลองทำตามนี้ดูแล้ว ถ้ากด ok ก็เคลียร์ฟอร์ม
ตามปกติ แต่พอเรากด cancel มันก็ยังเคลียร์ฟอร์มอยู่ดี เหตุที่เขียนเองไม่ใช้ฟัังก์ชั่นสำเร็จ
onreset="return confirm('Did you want to\nclear all data on form?')"
ก็เพราะต้องการล๊อค list แรกในรายการ option ครับ แต่ถ้า reset ก็ให้กลับเป็นเหมือนเดิมทุกอย่าง
ถ้าใช้อันข้างบนแล้วมันเคลียร์ก็จริง แต่ option ไม่ยอม reset ด้วย list แรกยังโดน lock อยู่เหมือนเดิม
<script>
function reset_frm()
{
if(confirm('Did you want to\nclear all data on form?'))
{
document.getElementById("opt_emp_id")[0].disabled=false;
document.getElementById("opt_emp_id").focus();
return;
}
}
function lock_opt0()
{
document.getElementById("opt_emp_id")[0].disabled=true;
}
</script>
ได้แล้วครับ ลองย้ายจาก onreset="reset_frm()" ใน tag form ไปไว้ที่ปุ่ม reset เป็น onclick="reset_frm()"
แล้วแก้ type ของปุ่ม reset เป็น button ธรรมดาก็ได้แล้ว ตามนี้ครับ แต่ใจจริงก็อยากได้ให้มันจับจาก event on set บน form มากกว่า
<script>
function reset_frm()
{
if(confirm('Did you want to\nclear all data on form?'))
{
document.getElementById("opt_emp_id")[0].disabled=false;
document.getElementById("opt_emp_id").focus();
document.frm_leave_check.reset();
}
}
function lock_opt0()
{
document.getElementById("opt_emp_id")[0].disabled=true;
}
</script>