Changing a select option with jquery

Changing a select option with jquery

I'm changing a select element from another select element with jquery, the code works perfectly once but doesn't after that.

Basically it's a simple, change a select option, if one particular value is selected change a different select option (to select one particular option and disable that field).

From the second time onwards the field still disables, but it doesn't select the desired option.

What am I missing here?

  2. $("#<portlet:namespace />orderType").change(function() {
  3. var orderVar = $( "#<portlet:namespace />orderType" ).val();

  5. if (orderVar == 'Value Based'){

  7. $("#<portlet:namespace />productType option[value='service']").attr("selected", true);
  8. $("#<portlet:namespace />productType").attr("disabled", true);
  9. }
  10. else {
  11. $("#<portlet:namespace />productType").attr("disabled", false);
  12. }
  13. })