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

การใช้งาน 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 

โปรแกรมช่วยสร้างโค้ด "ลดเวลาการเขียนโปรแกรม"

ราคาสุดคุ้ม  4,500  บาท
http://fastcoding.phpcodemania.com