Mumpung lagi inget punya coding neh .. jadi gw punya select dengan nama gbr didalamnya.. kalau dipilih maka gbr dibawah akan berubah.. normalnya pake PHP buat baca.. tapi biar cepet.. gw kasi NON PHP (HTML doank)Untuk js nya disesuaikan saja.. yang paling penting itu jquerynya aja kok.. kalau ngak bisa jalan tolong info.. script ini saya tes berhasil.. kalau gagal.. artinya masih harus diperbaiki lagi
code ketik disini
Terima kasih ya<html> <head> <script type="text/javascript" src="js/jquery.1.8.2.js"></script> </head> <body> <form> <select id="target" name="tes"> <option>pilih satu</option> <option value="1">tes 1</option> <option value="2">tes 2</option> <option value="3">tes 3</option> <option value="4">tes 4</option> <option value="5">tes 5</option> </select> <p><input class="nm" readonly> </p>
<p><img class='img' src="0.jpg" /></p>
<!-- gambar di atas sebenarnya tidak ada asumsikan ada-->
</form>
<script>
$('#target').change(function(e){
id=$('#target').val();
pos=$('select#target option:selected').text();
$('.nm').val(pos);
$(".img").attr("src", function() {
return "img/" + id+ ".jpg";
});
});
</script>
</body>
</html>
untuk tampilan yang enak dilihat >> Original.
Tidak ada komentar:
Posting Komentar