OperationSelector = function(selectElement) {
    this.selectElement = selectElement;
}

OperationSelector.prototype.populateSelectWithData = function(xmlData) {
    $(xmlData).find('operation').each(function() {
        var operation = $(this);
        selectElement.append('<option>' + operation.attr("title") + '</option>');               
    });
}

How could I access OperationSelector.selectElement in iteration block ?

OperationSelector = function(selectElement) {
    this.selectElement = selectElement;
}

OperationSelector.prototype.populateSelectWithData = function(xmlData) {
    $(xmlData).find('operation').each(function() {
        var operation = $(this);
        selectElement.append('<option>' + operation.attr("title") + '</option>');               
    });
}

How could I access OperationSelector.selectElement in iteration block ?

• javascript
• scope

Share Improve this question Follow asked Feb 16, 2010 at 15:56 dmitrynikolaevdmitrynikolaev 9,15255 gold badges3131 silver badges4545 bronze badges 1

• 3 Incidentally you shouldn't generally use HTML string-slinging to create new options. If the title may contain a < or & you've got trouble (potentially security trouble). Using new Option(operation.attr('title')) to create the node is simpler and safer. – bobince Commented Feb 16, 2010 at 16:21

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 13

Assign it to a local variable in the function scope before your iteration function. Then you can reference it within:

OperationSelector = function(selectElement) { 
    this.selectElement = selectElement; 
} 

OperationSelector.prototype.populateSelectWithData = function(xmlData) { 
    var os = this;
    $(xmlData).find('operation').each(function() { 
        var operation = $(this); 
        os.selectElement.append(new Option(operation.attr("title")));
    }); 
}