Cara Mendapatkan Value pada Select Element di Jquery

Pada tutorial kali ini anda akan belajar bagaimana cara Mendapatkan Value Pada Select Element di Jquery beserta contoh code nya.

Untuk mendapatkan value  pada select element di PHP berbeda dengan Jquery,  ada teman yang bertanya gimana caranya sih buat mendapatkan value select kalau pakai jquery?. nah dari situlah saya membuat artikel ini semoga memberi pencerahan bagi yang belum mengetahuinya.

Oke saya langsung berikan source codenya , jadi anda tinggal salin dan bisa 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 fungsi dari sintak jquery di atas adalah: untuk mendapatkan value select element lalu di masukan ke dalam element <P id=”isi”> lalu di tampilkan pada browser.

Sehingga apapun yang di pilih pada element select maka akan tampil pada browser.