Backbone.js根据选定的下拉列表更改文本

时间:2013-10-05 21:41:36

标签: javascript jquery html backbone.js html-select

当用户在下拉框中选择其他选项时,我正在尝试更改一些文本。我正在使用Backbone.js,并试图找出当用户选择一个选项时如何获取属于该轨道的文本。

作为后续,如果我没有将选项的值设置为track.text,而是track.title,我怎样才能从.js文件中获取它?我最初在jSON文件中设置了track.title和track.text。我正在尝试学习如何从JSON文件中获取信息。谢谢!

window.LibraryLessonView = LessonView.extend({
events: {
    "change .sel " : "changeText"
},

changeText: function() {
//not sure what I should write here...
}


});

这是在我的HTML文件中:

    <script type="text/template" id="lesson-template">
         <span class="lesson-title"><%= title %></span>
         <select class="sel">

//get the tracks from the JSON file and put them all in the dropdown
            <% _.each(tracks, function(track) { %>
              <option value = <%= track.title %> ><%= track.title %></option>


          <% }); %>        
          </select>

<p> Blah </P> //I want to change the text here

        </script>

1 个答案:

答案 0 :(得分:3)

[EDITED] 这应该适合你:

changeText: function(e) {
    alert(e.target.value); 
}

e.target指的是在此触发更改事件的DOM元素。 e.target.value返回选择框

中当前所选项目的值