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