Cara Mendapatkan Value pada Select Element di Jquery

Di panduan kali ini sahabat akan belajar bagaimana cara Memperoleh Value Di Select Element di Jquery dan juga contoh code nya.



Bagi memperoleh value  di select element di PHP berbeda dengan Jquery,  ada teman yang bertanya gimana caranya sih bikin memperoleh value select kalau gunakan jquery?. nah dari situlah saya membangun artikel ini semoga memberi pencerahan untuk yang belum mengetahuinya.



Oke saya seketika berikan source codenya , jadi sahabat tinggal salin dan dapat memahami sintaknya.



HTML //



<select>
<option value=HTML>HTM</option>
<option value=CSS>CSS</option>
<option value=JAVASCRIPT>JAVASCRIPT</option>
<option value=JQUERY>JQUERY</option>
</select>
<p id=isi></p>


Jquerynya//



<script type=text/javascript>
$(document).ready(function(){

$('select').change(function(event){

var tampung = $('select').val();
$('#isi').html(tampung);
});
});
</script>


Jadi guna dari sintak jquery di atas ialah: bagi memperoleh value select element lalu di masukan ke pada element <P id=”isi”> lalu di tampilkan di browser.



Sehingga apapun yang di pilih di element select karenanya akan tampil di browser.




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS