Use jQuery to change value of a label

Question

I have a label  costLabel    What I want to be able to do is change the value of this label depending on the selected value of a dropdownlist   This is my HTML    lt table gt     lt tr gt       lt td width  343  gt Package  lt  td gt        lt td colspan  4  gt         lt select class  purple  name  package  gt           lt option value  standard  gt Standard -  amp euro 55 Monthly lt  option gt           lt option value  standardAnn  gt Standard -  amp euro 49 Monthly lt  option gt                       lt option value  premium  gt Premium -  amp euro 99 Monthly lt  option gt           lt option value  premiumAnn  selected  selected  gt Premium -  amp euro 89 Monthly lt  option gt                       lt option value  platinum  gt Platinum -  amp euro 149 Monthly lt  option gt           lt option value  platinumAnn  gt Platinum -  amp euro 134 Monthly lt  option gt                     lt  select gt       lt  td gt      lt tr gt       lt td width  343  gt         lt p gt We bills quarterly annually in advance lt  p gt         lt p gt See  lt a href   dialog  name  modal  gt Pricing lt  a gt  for more details lt  p gt       lt  td gt       lt td colspan  4  gt  lt label id  costlabel  name  costlabel  gt Total Cost  lt  label gt  lt  td gt      lt tr gt   lt  table gt    The values that go into the cost label are   Standard       165 Quarterly  StandardAnn       588 Annually  Premium       297 Quarterly  PremiumAnn       1068 Annually  Platinum       447 Quarterly  PlatinumAnn       1608 Annually    I did have the following code in place which calculated the cost depending on the dropdown menu  but the registration form has since changed to be more simpler i e  discountselection is not gone   and I m having a bit of trouble adapting the jQuery  Can someone help     function           discountselection  select name package   input name discount         change function           var         selected value       discountselection   val            discount    12  24  36           package      select name package    val            package prices     standard   49   premium   85   platinum   134            cost   package prices package    discount selected value-1              costlabel   val cost

User · Answer

Validation  HTML5   Attribute  name  is not a valid attribute of element  label

User · Answer

val   is more like a shortcut for attr  value    For your usage use text   or html   instead

User · Answer

text is correct  the following code works for me       lb   n 1   text a i  attributes n  name       a i  attributes n  value

User · Answer

I seem to have a blind spot as regards your html structure  but I think that this is what you re looking for  It should find the currently-selected option from the select input  assign its text to the newVal variable and then apply that variable to the value attribute of the  costLabel label  jQuery   document  ready    function            select name package    change        function            var newText      option selected  this  text                costLabel   text  Total price      newText                              html     lt form name  quot thisForm quot  id  quot thisForm quot  action  quot   quot  method  quot post quot  gt     lt fieldset gt       lt select name  quot package quot  id  quot package quot  gt           lt option value  quot standard quot  gt Standard -  amp euro 55 Monthly lt  option gt           lt option value  quot standardAnn quot  gt Standard -  amp euro 49 Monthly lt  option gt                       lt option value  quot premium quot  gt Premium -  amp euro 99 Monthly lt  option gt           lt option value  quot premiumAnn quot  selected  quot selected quot  gt Premium -  amp euro 89 Monthly lt  option gt                       lt option value  quot platinum quot  gt Platinum -  amp euro 149 Monthly lt  option gt           lt option value  quot platinumAnn quot  gt Platinum -  amp euro 134 Monthly lt  option gt          lt  select gt     lt  fieldset gt            lt fieldset gt         lt label id  quot costLabel quot  name  quot costLabel quot  gt Total price   lt  label gt       lt  fieldset gt     lt  form gt   Working demo of the above at  JS Bin

[jquery] Use jQuery to change value of a label

Examples related to jquery

Examples related to drop-down-menu