动态添加下拉值

拉拉

我有一个下拉标记,例如

 <ul class="dropdown-menu">
 <li><a href="#"></a></li>
 </ul>

从服务器端,我正在将要添加的值添加为逗号分隔之类的。

var dropdownMenuItems = "ADD,Substract,Multiply";

现在我想添加上面我写过的值

 for (var i = 0; i <= dropdownMenuItems.length; i++)
 {
   $('.dropdown-menu a').add(dropdownMenuItems[i]);
 }

但我JavaScript runtime error: Syntax error, unrecognized expression: ,在控制台中遇到错误请帮忙。

罗里·麦克罗森(Rory McCrossan)

您需要使用将字符串拆分为一个数组split()然后,您需要遍历它并创建lia元素,append()并将它们创建ul试试这个:

var arr = "ADD,Substract,Multiply".split(',');
var html = ''
for (var i = 0; i < arr.length; i++) {
  html += '<li><a href="#">' + arr[i] + '</a></li>';
}
$('.dropdown-menu').append(html);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="dropdown-menu"></ul>

请注意,您应该使用<没有<=for循环中,并add()用于元素添加到现有的jQuery对象,而不是建立在DOM内容。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Tkinter:动态添加下拉列表并获取它们的值

来自分类Dev

从json动态添加下拉列表

来自分类Dev

如何在react js中更改另一个下拉值时动态添加下拉值?

来自分类Dev

动态添加下拉列表并将数据存储在json中

来自分类Dev

从多级动态集合中添加下拉列表

来自分类Dev

增加类型号后动态添加下拉列表

来自分类Dev

如何添加下拉列表默认值

来自分类Dev

没有在ajax回调中添加下拉值

来自分类Dev

如何使用Flutter Web在列表视图中动态添加下拉按钮或删除下拉列表?

来自分类Dev

要添加下拉列表

来自分类Dev

选择上一个下拉值后添加下拉菜单

来自分类Dev

如何在GridView单元格内动态添加下拉列表

来自分类Dev

在laravel中动态添加下拉框。Javascript和laravel

来自分类Dev

HTML CSS添加下拉菜单

来自分类Dev

为django添加下拉列表

来自分类Dev

如何添加下拉菜单?

来自分类Dev

如何在从服务器获取数据的动态表的每一行中添加下拉列表?

来自分类Dev

添加下拉菜单以链接到引导程序

来自分类Dev

在输入字段内添加下拉箭头

来自分类Dev

如何使用vbs在excel中添加下拉列表

来自分类Dev

如何使用PHPExcel添加下拉列表控件

来自分类Dev

按钮单击从API获取的添加下拉小部件

来自分类Dev

PHP-从数组中添加下拉选项

来自分类Dev

在CSS的标签上添加下拉菜单

来自分类Dev

在UISearchbar和UITextfields下方添加下拉建议

来自分类Dev

从服务器端添加下拉列表

来自分类Dev

如何在表格中添加下拉列表?

来自分类Dev

如何在HTML中添加下拉菜单?

来自分类Dev

使用HTML在表格中添加下拉菜单