แก้ปัญหาการ 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