<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
	</head>
	<body>
		<select id = "a">
	<option value="nama_produk">Nama Produk</option>
	<option value="nama_produsen">Nama Produsen</option>
	<option value="nomor_sertifikat">Nomor Sertifikat</option>
</select>
query:
<input id="b" type="text" value="abc"/>
page:
<input id="c" type="number" value="0"/>
<input id="d" type="submit"/>
<hr>
<pre id="log"></pre>
		<script type="text/javascript" src="//code.jquery.com/jquery-2.2.4.min.js"></script><script>$(function() {
	
	function GS(a, b, c, html) {
        $.getJSON("https://script.google.com/macros/s/AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD/exec?menu=" + a + "&query=" + b + "&page=" + c + "&callback=?",
		function(json){
			html(json);
		});
	}
	
	$("#d").on("click", function(){
		var a = $("#a").val(),
			b = $("#b").val(),
			c = $("#c").val();
		GS(a, b, c, function(e) {
			$("#log").html(JSON.stringify(e, null, 2));
		});
		return false;
	});
	
});</script>
	</body>
</html>