在javascript中将元素添加到列表视图时出现问题

Issue with add elements to List view in javascript?

本文关键字：视图 问题 列表 javascript 元素 添加      更新时间：2023-09-26

在我的应用程序中，有一个选择菜单和列表菜单，我想从DB中动态填充值。我可以动态填充值来选择菜单，但我如何在列表视图中填充它，任何人都可以告诉我如何在名单视图中动态填充值吗，我的如下，

for (var i = 0; i < res.rows.length; i++) {
 var opt  = '<option value="';
 opt += res.rows.item(i).Location;
 opt += '">';
 opt += res.rows.item(i).Location;
 opt += '</option>';
 $("#select-choice-location").append(opt);
  }

HTML:

<select name="select-choice-location" id="select-choice-location">
                  <option value="Select Location">Select Location</option>
   </select>
  <ul data-role="listview" id="locationList" name="locationList" data-inset="true">
       <li><a href="#">Select Location</a></li>
   </ul>

"选择"菜单可以很好地处理如何为列表视图编写相同的语法以获得动态值。

jQuery有一个干净的方法来创建属性为jQuery(html, attributes)（链接）的元素

尝试使用它来创建HTML，然后将其附加到必要的容器：

for (var i = 0; i < res.rows.length; i++) {
    // create and append the option tag
    $('<option/>', { value: res.rows.item(i).Location, text: res.rows.item(i).Location})
        .appendTo("#select-choice-location");
    // create and append the li tag
    $('<li/>', { text: res.rows.item(i).Location})
        .appendTo("#locationList");
}

类似示例

试试这个

for (var i = 0; i < res.rows.length; i++) {
 var opt  = '<li value="';
 opt += res.rows.item(i).Location;
 opt += '">';
 opt += res.rows.item(i).Location;
 opt += '</li>';
 $("#locationList").append(opt);
  }

分配点击事件

$(document).on('click','#locationList li',function(){
});
相关文章：