设置下拉列表中选择值与骨干 [英] set dropdown selected value with backbone

问题描述

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

my.html

 ＆LT; D​​IV CLASS =DROPDOWNLIST＆GT;
                    ＆LT;选择ID =ddpFilter＆GT;
                        ＆LT;期权价值=1＆gt;显示1 LT; /选项＆GT;
                        ＆LT;期权价值=2＆gt;显示2'; /选项＆GT;
                        ＆LT;期权价值=3＆gt;显示第3版; /选项＆GT;
                    ＆LT; /选择＆GT;
                ＆LT; / DIV＆GT;
 

my.js

 事件：{
     变化#ddpFilter'：'过滤器'
  }，  过滤：功能（E）{
      //下拉集选定值
  }
}）;
 

解决方案

您应该以小写字母开始你的函数名（的按克罗克福德先生），并使用更具描述性的函数名。

为了设置一个选择列表的值，可以使用选项[值='X'] 语法。假设你想设置第二个选项：

 事件：{
  变化#ddpFilter'：'filterDdpSelect
}，filterDdpSelect：功能（E）{
  变种selectValue = 2;
  $（＃ddpFilter选项[值='+ selectValue +']）ATTR（选择，选择）;
}
 

I want to set my dropdown menu from my js. Basically, i want to be able to set the updated drop down value from the js.

my.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>

my.js

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

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

解决方案

You should start your function names with a lowercase letter (as per Mr Crockford) and use more descriptive function names.

In order to set the value of a select list, use option[value='x'] syntax. Assuming you'd like to set the second option:

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

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

这篇关于设置下拉列表中选择值与骨干的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！