Mengisi form (textbox, checkbox, dropdown, radio) dari parameter url

Hai Master Saya pemula , saya coba kodingan untuk mengisi form dengan hanya panggil urlnya sebelumnya saya menemukan java script seperti ini HTML

 <div class="container">
		<!--<form action="https://docs.google.com/a/jababeka.com/forms/d/e/1FAIpQLSdyC6WTjkaP7ZaAIoaGyx48NdXKxUqwbjfKPkBw_CsPkOoomA/formResponse" method="POST" id="gform" target="_self" >
		<script type="text/javascript">var submitted=false;</script>-->
		<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='suksesold.html';}"></iframe>
		<form action="https://docs.google.com/a/jababeka.com/forms/d/e/1FAIpQLSdDb5kw6IJVGgfD5PUKD-n_HtcBC-aZKrmwlZpocQ6iHTi82A/formResponse" method="Get" target="hidden_iframe" target="_self" id="gform" onsubmit="submitted=true;">
					   <label class="ss-q-item-label" for="entry_1637312094">
						  <div class="ss-q-title">Ticket #</div>
					   </label>
					   <input type="text" name="entry.1637312094" value="" class="ss-q-short" id="entry_1637312094" dir="auto" aria-label="Ticket # *please don't edit this field " title="" required="" autocomplete="yes" >
					   <h2 class="ss-section-title">Informasi Karyawan</h2>
					   <label class="ss-q-item-label" for="entry_1786023957">
						  <div class="ss-q-title">Nama Lengkap</div>
					   </label>
					   <input type="text" name="entry.1786023957" value="" class="ss-q-short" id="entry_1786023957" dir="auto" aria-label="Nama Lengkap *please don't edit this field " title="" required>
						  <div class="ss-q-title">Jabatan</div>
					   </label>
					   <input type="text" name="entry.307674531" value="" class="ss-q-short" id="entry_307674531" dir="auto" aria-label="Jabatan *please don't edit this field " title="">
					   <h2 class="ss-section-title">Informasi Fasilitas</h2>
					   <label class="ss-q-item-label" for="entry_194613373">
						  <div class="ss-q-title">Login PC and Email Account</div>
					   </label>
							 <div>
							 <label><span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.1151127946" value="Yes" id="group_1151127946_1" role="radio" class="ss-q-radio" aria-label="Yes"></span>
							 <span class="ss-choice-label">Yes</span>
							 </label>
							 </div>
							 <div>
							 <label><span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.1151127946" value="No" id="group_1151127946_2" role="radio" class="ss-q-radio" aria-label="No"></span>
							 <span class="ss-choice-label">No</span>
							 </label>
							 </div>

JS dari gugel (sudah diedit tapi hanya berhasil pada textbox)


//ClickDimensions Lab Pre-Fill Forms From URL Parameters
//For more information see http://blog.clickdimensions.com/2014/06/pre-fill-forms-from-links-or-webpages.html
//NOTE: This code is provided as a sample only for the purposes of illustration.

//This function gets the parameters from the URL and sets variables for the fields to be pre-filled
function getParm(name)
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.href);


  //set variables for each of the fields you wish to pre-file
  //reference them by the ID you found for the field when viewing the source
  TicketField = document.getElementById("entry_1637312094");
  nameField = document.getElementById("entry_1786023957");
  jabatanField = document.getElementById("entry_307674531");
  loginField = document.getElementById("gform", "entry.1151127946");
  folshareField = document.getElementById("entry_1461189639");
  komenField = document.getElementById("entry_72623714");
  other = document.getElementById("entry_1666512584_	other_option_response");

  if(results == null)
    return "";
  else
    return results[1];
}

//This function executes the function above and set the values in the fields
window.onload=function execParm() {
    var ticket = getParm('ticket');
    var name = getParm('name');
	var namen = name.replace(/%20/g, " ");
    var jabatan = getParm('jabatan');
	var jab = jabatan.replace(/%20/g, " ");
	var login = getParm('login');
	var folshare = getParm('folshare');
	var fol = folshare.replace(/%20/g, " ");
	var komen = getParm('komen');
	var kom = komen.replace(/%20/g, " ");
	var other1 = getParm('other1');
	var other = other1.replace(/%20/g, " ");

    TicketField.value = ticket;
    nameField.value = namen;
    jabatanField.value = jab;
	loginField.value = login;
	folshareField.value = fol;
	komenField.value = kom;
	other.value = other;
}

[/<a href=' https://imgur.com/a/fHhGk '> https://imgur.com/a/fHhGk </a>

Tapi ini hanya untuk textbox saja . Dan script yang saya buat juga berulang jadi tidak ringkes (pemula) seperti yang ada di fucntion kedua.

pertanyaannya apakah ada saran untuk mengisi input selain textbox? karna dengan cara yang sama input selain textbox tidak terisi

avatar Rizalfadli
@Rizalfadli

3 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban