Menampilkan TextBox Saat ComboBox Terpilih di Aplikasi Web dari PHPMaker

Jika Anda sudah membaca artikel Mengaktifkan TextBox Saat ComboBox Terpilih di Aplikasi Web dari PHPMaker, maka sekedar mengingatkan kembali bahwa artikel itu membahas bagaimana mudahnya Web Developer menerapkan business-logic di sisi browser. Contohnya, kita dapat mengaktifkan atau menonaktifkan control TextBox berdasarkan nilai yang terpilih di control Select Option atau ComboBox.

Di artikel berikut ini kita akan membahas contoh yang sama dengan yang terdapat di artikel tersebut. Tapi, kali ini kita akan menampilkan atau menyembunyikan control TextBox daripada mengaktifkan atau menonaktifkannya. Oleh karena itu, pastikan tipe control field AndaMhs sudah menggunakan tipe Select atau istilah populernya ComboBox melalui menu: Fields setup -> Edit Tag pada project PHPMaker yang bertalian.

Sedangkan untuk kode yang sebelumnya terdapat pada bagian Startup Script yang masing-masing berada di bawah lokasi Client Scripts -> Table-Specific -> Add/Copy Page -> Startup Script dan Client Scripts -> Table-Specific -> Edit Page -> Startup Script (jika ada), silahkan diganti masing-masing menjadi seperti yang di bawah ini:

$(document).ready(function() {
	// Kondisi saat Form di-load
	if ($("#x_AndaMhs").val() == "Y") {
		$('#r_NamaMhs').show();
	} else {
		$('#r_NamaMhs').hide();
	}
	// Kondisi saat ComboBox (Select Option) dipilih nilainya
	$("#x_AndaMhs").change(function() {
		if ($(this).val() == "Y") {
			$('#r_NamaMhs').show();
			$('#x_NamaMhs').focus();
		} else {
			$('#x_NamaMhs').val('');
			$('#r_NamaMhs').hide();
		}
	});
});

PHPMaker akan menambahkan id untuk setiap baris record dengan menggunakan awalan (prefix) r_ yang diikuti dengan nama Field yang bertalian. Dalam contoh kode tadi, maka untuk menyembunyikan control Label beserta TextBox untuk field NamaMhs, maka kita menggunakan nama r_NamaMhs.

Aduh, sudah gak terhitung lagi banyaknya kemudahan yang disediakan oleh PHPMaker bagi Web Developer dalam membangun Aplikasi Web! 🙂