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.

zobacz:

[HTML] pobierz, plaintext 
var $zmienna = $("#path").val();
[HTML] pobierz, plaintext 

tylko że ID powinno być nadane na select

Zauważ że chciałbym pobrać wartość atrybutu path z <option path="" .... >

[HTML] pobierz, plaintext 
var wartosc = document.getElementById("path").getAttribute("path");
[HTML] pobierz, plaintext 

Okej dzięki, tylko teraz pobiera mi wartość path tylko pierwsze wartości, a ja chciałbym aby pobierało według klikniętego option.

[HTML] pobierz, plaintext 
<select id="nazwa_selecta">
	<option path="1">1</option>
	<option path="2">2</option>
	<option path="3">3</option>
	<option path="4">4</option>
	<option path="5">5</option>
</select>
<div id="obrazek"></div>
<script>
document.getElementById("nazwa_selecta").onchange = obsluga_option;
function obsluga_option(){
	var aktualny = document.getElementById("nazwa_selecta").options[document.getElementById("nazwa_selecta").selectedIndex].getAttribute("path");
	document.getElementById("obrazek").innerHTML = "<img src=\""+aktualny+"\"/>";
}
</script>
[HTML] pobierz, plaintext 

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