code: function() {
          var lookupValue = this.value;
          if (lookupValue === null || lookupValue === undefined || lookupValue === '') {
              if (this.unselectedText !== undefined || (!this.startingValue && !this.rendered)) {
                  this.select.selectedIndex = 0;
                  return this;
              } else if (!this.options.length && this.value === null) {
                  return this;
              }
          }
  
          // Pull out the id if it's a model
          if (this.options.isCollection && this.yieldModel) {
              lookupValue = lookupValue && lookupValue[this.idAttribute];
          }
  
          if (lookupValue || lookupValue === 0 || lookupValue === null) {
              if (lookupValue === null) lookupValue = ''; // DOM sees only '' empty value
              for (var i = this.select.options.length; i--; i) {
                  if (this.select.options[i].value == lookupValue) {
                      this.select.selectedIndex = i;
                      return this;
                  }
              }
          }
  
          // failed to match any
          throw new Error('no option exists for value: ' + lookupValue);
      }
docs: Updates the <select> control to set the select option when the option
  has changed programatically (i.e. not through direct user selection)
  @return {SelectView} this
  @throws {Error} If no option exists for this.value