Question

在我的应用程序中有一个选择菜单和列表菜单，我想从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>

选择菜单工作正常如何为列表视图编写相同的语法以获取动态值。

Answer 1

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

尝试使用它来创建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");
}

Similar Example

Answer 2

试试这个

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(){

});

在javascript中向List视图添加元素的问题？

2 个答案: