Question

Am I able to get the css class name of an OPTION element, and then add it to an input field with jQuery?

I have this now:

  var classChecker = $('#amount').attr('class');
  $("#classBox").html("<b>$</b> " + 
              classChecker);

Although this just gives me: $ undefined

Answer 1

You can use the following to get the class of an element:

$('selector').attr('class');

(You can use either .attr() or .prop() to accomplish this)

If you wanted to automate this, such as adding it to an input upon selection:

$("[SelectElement]").change(function(){
    $("[InputElement]").val($(this + ":selected").attr('class'));               
});

Working Example