2013-10-24 88 views
0

添加选项我有一个FuelUX选择:燃料UX选择与阿贾克斯

<label>Sink</label> 
    <div class="select btn-group" id="sinkSelect" style="width: 100%"> 
     <button type="button" data-toggle="dropdown" class="btn dropdown-toggle" style="width: inherit"><span class="dropdown-label"></span> 
     <span class="caret"></span> 
     </button> 
     <ul id="sink-drop-down" class="dropdown-menu" style="max-height: 200px; overflow-y: scroll;"> 
     <li><a href="#">*</a> 
     </li> 
     </ul> 
    </div> 

,我试图将条目添加到它在页面加载像这样:

$.ajax({ 
    type: "GET", 
    url: "/stamp/policyServlet", 
    data: { 
    annot: "Sinks" 
    }, 
    dataType: "xml", 
    success: function(xml) { 
    var seen = []; 
      $(xml).find('sink').each(function() { 
       var d = $(this).attr("desc"); 
       $("#sink-drop-down").append('<li><a href="#"></a>' + d + '</li>'); 
      } 
}); 

的条目只出现没问题,但突出显示的选择在条目之间进行操作,而不是条目本身......换句话说,下拉列表有点令人失望。有没有更强大的方法来做我想做的事情或者简单的方法来刷新下拉菜单以便解决问题?

谢谢!

回答

0

问题与Fuel UX无关,也许并不令人惊讶。选项标签文本位于li之内,但不是a标签。

因此,正确的附加命令读取:

$("#sink-drop-down").append('<li><a href="#">' + d + '</a></li>');