backbone.js - 使用主干设置下拉选择值

Question

我想从我的 js 设置我的下拉菜单。基本上，我希望能够从 js 设置更新的下拉值。

我的.html

  <div class="dropDownList">
                    <select id="ddpFilter" >
                        <option value="1">Show 1</option>
                        <option value="2">Show 2</option>
                        <option value="3">Show 3</option>
                    </select>
                </div>

我的.js

   events : {
     'change #ddpFilter' : 'Filter'
  },

  Filter : function(e){
      // Set Selected Value of the dropdown 
  }
});

Answer 1

您应该以小写字母（根据 Mr Crockford）开始您的函数名称，并使用更具描述性的函数名称。

为了设置选择列表的值，请使用option[value='x']语法。假设您想设置第二个选项：

events : {
  'change #ddpFilter' : 'filterDdpSelect'
},

filterDdpSelect: function(e){
  var selectValue = 2;
  $("#ddpFilter option[value='" + selectValue + "']").attr("selected", "selected");
}