javascript - jquery $(this).attr(…) returns undefined -



javascript - jquery $(this).attr(…) returns undefined -

i'm trying title of option element, keeps returning undefined. happens $(this).attr("name")…and $(this).attr("value"), curiously $(this).val() works (as expected). yet, i'm able set value $(this).attr("value", "baz").

fiddle: http://jsfiddle.net/jshado1/jgajc/1/

this points <select> element. selected option, use:

this.options[this.selectedindex]

full code (you can safely disclose $opt's jquery wrapper, , utilize $opt.title , $opt.name, these safe across browsers):

$('select').change(function() { var $opt = $(this.options[this.selectedindex]), t = $opt.attr("title"), n = $opt.attr("name"), v = this.value; $("#name").text("name: "+n); $("#title").text("title: "+n); $("#value").text("value: "+v); });

another method, jquery-way is:

$('select').change(function() { var $opt = $(this).children(':selected'), t = $opt.attr("title"), n = $opt.attr("name"), v = this.value; $("#name").text("name: "+n); $("#title").text("title: "+n); $("#value").text("value: "+v); });

javascript jquery find switch-statement

Comments

Popular posts from this blog

How do I check if an insert was successful with MySQLdb in Python? -

delphi - blogger via idHTTP : error 400 bad request -

postgresql - ERROR: operator is not unique: unknown + unknown -