使用jQuery或Coffeescript在模板中设置选定的选项

时间:2015-02-12 09:19:39

标签: jquery select coffeescript

我有一个coffeescript创建下拉列表并选择列表取决于返回值这里是我的coffeescript

var op=operator;
html = """
 <select _name="op">
      <option value="" #{'selected' if op == ''}>=</options>
      <option value="$ne" #{'selected' if op == '$ne'}>&ne;</options>
      <option value="$lt" #{'selected' if op == '$lt'}>&lt;</options>
      <option value="$lte" #{'selected' if op == '$lte'}>&le;</options>
      <option value="$gt" #{'selected' if op == '$gt'}>&gt;</options>
      <option value="$gte" #{'selected' if op == '$gte'}>&ge;</options>
    </select>
 """
  el = $(html)

问题是如何在jquery中使用此#{'selected' if op == '$gte'} 在jquery中有没有任何插件或库可以做到这一点? 我在选项之外尝试但我希望在每个选项中都能做到这一点。

1 个答案:

答案 0 :(得分:0)

考虑使用html模板之外的javascript手动设置select选项。

document.getElementById(op).setAttribute("selected", "true")

或使用jQuery

$("#" + op).attr("selected", "true")

请注意,这需要您将运算符作为id添加到每个选项元素。