Minggu, 01 Januari 2012

readonly atau disabled?

Kemarin saya mengalami sedikit masalah sederhana. Terkadang kita ingin membuat sebuah form yang isinya terdiri dari beberapa textfield. Dari beberapa textfield tersebut ada satu texfield yang fungsinya hanya sekedar memperlihatkan isian dari aksi textfield-textfield sebelumnya. Untuk lebih jelasnya lihat lihat gambar dibawah ini: 


Nah, gambar diatas memperlihatkan bahwa textfield "Total" sebenarnya hanya memiliki fungsi otomatis menjumlahkan isian dari "Tarif Sarana" dengan "Tarif Pelayanan". Dalam textfield "Total" tidak diperkenankan untuk mengubah atau menginputkan isian secara manual. 

Masalah muncul ketika saya mencoba atribut html textfield "Total" dengan:

<input class="inp" id="CTBTotal" name="tarif_total" type="text" maxlength="20" disabled="disabled" />
Namun ternyata penggunaan atribut disabled membuat data yang berada dalam textfield tersebut menjadi tidak terkirim melalui method "POST" javascript. Setelah berusaha mencari cara lain, akhirnya saya mendapat cara yang sama dengan atribut "disabled" namu data yang didalamnya masih bisa terkirim dalam method POST javascript. Yaitu:

<input class="inp" id="CTBTotal" name="tarif_total" type="text" maxlength="20" ReadOnly="TRUE" />

Dan masalah terselesaikan dengan menambahkan atribut ReadOnly. Demikian sedikit tips dari saya. Semoga bermanfaat. 
Salam. 



1 komentar: