Изменение входного значения элемента пользовательского интерфейса не отображает изменения ввода

Question

У меня возникла проблема с изменением значения ввода. Код ниже работает, но только устанавливает значение html = "geolocationvaluehere", проблема в том, что он не отображает текст во вводе (geolocationvaluehere), он пуст.

Я пробовал использовать self.ui.location.val(loc.city) тоже, но без успеха.

View.Form = MyProject.CustomItemView.extend({ 
    template: formTpl, 

    ui: { 
    location: 'input[name=location]' 
    }, 

    onRender: function() { 
    var self = this; 

    this.saveLocationToStorage(function(err) { 
     if(! err && localStorage.getItem('geoLocation')) { 
     var loc = JSON.parse(localStorage.getItem('geoLocation')); 

     if(self.ui.location[0]) self.ui.location.attr('value', loc.city); 
     } 
    }); 
    } 
}); 

Answer 1

Вы должны установить значение с jQuery val function, а не attr:

self.ui.location.val(loc.city); 

JSBin