javascript - 动态添加下拉值

Question

我有一个像

这样的下拉标记

 <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: , 的错误。请帮忙。

Answer 1

您需要使用 split() 将字符串拆分为一个数组.然后你需要遍历它并创建 li和 a元素和 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 中创建内容。