Lesson 6 (Memberikan Nilai Ke Suatu Komponen)

Pada simulasi ini saya akan memberikan contoh bagaimana memberikan / men-set nilai kepada sebuah komponen (contoh disini menggunakan komponen text). Untuk memahami tutorial ini, sebelumnya harus sudah memahami bagaimana konsep id & class, mengambil nilai komponen & memberi event pada komponen.

Berikut script nya :

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Lesson 6</title>
 
  <!-- cara menggunakan jQuery, import file js -->
  <script src="lib/jquery-1.11.0.min.js"></script>
 
  <script>
	function setTextValue() {
		// pengambilan nilai text yang memiliki id "inputText"
		var comboBoxValue = $('#inputText').val();
 
		// mengisi text dengan id "outputText" dari text input
		$('#outputText').val(comboBoxValue);
	}
  </script>
</head>
<body>
 
	<!-- contoh input text dengan id inputText -->
	input : <input type="text" id="inputText" />
 
	<input type="button" value="Submit" onClick="setTextValue()" /><br>
 
	<!-- contoh input text dengan id outputText -->
	output : <input type="text" id="outputText" />
 
</body>
</html>

Atau bisa dilihat simulasinya disini.

– marifnst –

Leave a Reply Cancel reply