แก้ปัญหาการ submit ส่งค่าใน Form แต่ไม่มีค่าไปด้วย readonly & disabled

โดย SONGCHAI SAETERN •
การใช้งาน Select box กับคำสั่งของ select2() จำเป็นจะต้องสั่ง readonly อีกครั้ง เพราะ select2 จะมีผลแค่กับคำสั่ง disabled แต่ถ้าหากเรา diabled ค่าในแบบฟอร์มก็จะไม่ส่งไปด้วย!!

เพิ่มฟังก์ชั่นใน JavaScript เพื่อทำการเซ็ต Readonly ให้กับ Select Box ที่กำหนดเป็น readonly เอาไว้

var Menulevel = {

current_page : 0,
current_path : '',

// load preview to modal
loadPreview: function(id){
$.ajax({
method: 'GET',
url: site_url('menulevel/menulevel/preview/'+ id),
success: function (results) {
$('#divPreview').html(results);
},
error : function(jqXHR, exception){
ajaxErrorMessage(jqXHR, exception);
}
});
$('#modalPreview').modal('show');
},

// 
//
//
//
//Add another function
setDropdownReadonly: function(){
$(document).ready(function() {
$("select[readonly]").select2("readonly", true);
});
}

}

แก้ไขส่วนของ Controller เพิ่มการเรียกใช้งานฟังก์ชั่นใน JavaScript

public function edit($encrypt_id = '')
{
//JavaScript
$this->another_js .= '<script>Menulevel.setDropdownReadonly();</script>';

                //
                //
                //
        }


ในส่วนของแบบฟอร์ม HTML

                <select id='menu_id'  name='menu_id' value="{record_menu_id}" diabled>
<option value="">- เลือก เมนู -</option>
{tb_menu_item_menu_id_option_list}
</select>

เปลี่ยนเป็น readonly

                <select id='menu_id'  name='menu_id' value="{record_menu_id}" readonly >
<option value="">- เลือก เมนู -</option>
{tb_menu_item_menu_id_option_list}
</select>


วิดีโอประกอบคำอธิบาย






PHP CI MANIA - PHP Code Generator 

โปรแกรมช่วยสร้างโค้ด "ลดเวลาการเขียนโปรแกรม"
http://fastcoding.phpcodemania.com/index.php/#purchase-order
ราคาสุดคุ้ม  4,500  บาท
http://fastcoding.phpcodemania.com