[JavaScript] Pobieranie wartości atrybutu Opcje

[MeGusta]

Witam, jak mogę pobrać wartość klikniętego atrybutu??

Próbowałem tak:

[HTML] pobierz, plaintext 
echo '<option id="path" path="'.$i['path'].'" id="'.$i['id'].'" value="'.$i['id'].'">'.$i['name'].'</option>';
 
$('#option_items').click(function(){
 
    $this = $(this);
 
    var a = document.getElementById($this).getAttribute('path');
 
    $('#img_itm').html('<img src="'+ a +'"/>');
 
 
});
[HTML] pobierz, plaintext 

Lecz wartość null.

[droslaw]

koodo218 już podał działające rozwiązanie, ale ja mam to w jQuery. Poza tym obrazek ładuje się od razu po załadowaniu strony, nie trzeba czekać na wybranie elementu z listy.

http://jsfiddle.net/droslaw/7bd9LkLa/

[HTML] pobierz, plaintext 
<form>
  <select id="images">
	<option data-path="http://www.ggowo.fora.pl/images/galleries/10410633794a17d752a495a-076434-wm.png">smile</option>
	<option selected data-path="http://2.bp.blogspot.com/-IqXVUpDecOg/TWJKlVZQ3ZI/AAAAAAAAAwk/JgQ4rZvA2iw/s1600/Angry-Birds.png">angry</option>
  </select>
</form>
<script>
var $select, $img_container;
 
$select = $( "#images" );
$img_container = $('#img_itm');
 
$select.change(function() {
  show_selected_image(this);
});
 
$(document).ready(function () {
  show_selected_image($select);
});
 
function show_selected_image (list) {
  var img_src;
  img_src = $(list).find(':selected').attr('data-path');
  $img_container.html('<img src="' + img_src + '"/>');
}
</script>
[HTML] pobierz, plaintext 

Ten post edytował droslaw 12.12.2015, 16:06:01