根据条件淘汰渲染选择选项

时间:2014-10-15 08:30:39

标签: javascript jquery select knockout.js drop-down-menu

我的html页面中有下拉列表,我有一些条件,我想根据这些条件渲染选择。

I have tried something like this:
   <select>
       <!-- ko if:  condition() -->
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <!-- /ko -->
       <!-- ko ifnot:  condition() -->
       <option value="2">2</option>
       <option value="3">3</option>
       <!-- /ko -->
       <select>

但这不适合我。有人请帮忙

1 个答案:

答案 0 :(得分:1)

您可以根据其值隐藏option。在您的情况下,如果条件为真,则显示<option value="1">1</option>,否则隐藏它。所以尝试下面的代码

if(condition)
  $('select option[value=1]').show();
else
  $('select option[value=1]').hide();