Lesson 4 (Mendapatkan Nilai Input Text)

Pada simulasi ini saya akan memberikan contoh bagaimana mengambil nilai pada input text. Sebelumnya anda harus sudah memahami konsep atribut class atau id yang bisa dipelajari disini dan konsep event handler yang bisa dipelajari disini.

Berikut script nya :

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Lesson 4</title>
 
  <!-- cara menggunakan jQuery, import file js -->
  <script src="lib/jquery-1.11.0.min.js"></script>
 
  <script>
	function getTextValue() {
		// untuk class, pengambilan diawali huruf "." (tanpa "")
		var textValueClass = $('.sampleTextClass').val();
 
		// untuk id, pengambilan diawali huruf "#" (tanpa "")
		var textValueId = $('#sampleTextId').val();
 
		alert('value class : ' + textValueClass);
		alert('value ID : ' + textValueId);
	}
  </script>
</head>
<body>
 
	<!-- contoh input text dengan class sampleText -->
	<input type="text" class="sampleTextClass" />
 
	<!-- contoh input text dengan id sampleText -->
	<input type="text" id="sampleTextId" />
 
	<input type="button" value="Submit" onClick="getTextValue()" />
 
</body>
</html>

Atau bisa dilihat simulasinya disini.

– marifnst –

Leave a Reply Cancel reply