javascript - 如何从循环中的 listitem/无序列表的输入中获取值

Question

我正在尝试创建一个通用的 JS从输入中获取 id 和值。然后，将它们放入 JsonObject 中以传回服务器。列表如下:

<ul id="myList" data-role="listview" data-inset="true">
    <li> Field One <input id="Field_One" /></li>
    <li> Field Two <input id="Field_Two" /></li>
    <li> Field Three <input id="Field_Three" /></li>
    <li> Field Four <input id="Field_Four" /></li>
</ul>

我可以获得列表项的数据，

function Test(){
    var unorderedList = document.getElementById('myList'); 
    var ListItems = unorderedList.getElementsByTagName('li');  
    var listID

    for (var i = 0; i < ListItems.length; i++) {
        listID = ListItems[i].firstChild.data;
        //alert(listID);
    };  
}

但我无法进一步获取文本 ID 或值。(好吧，如果我有 id 那么我可以获得值(value)......)。

如何使用循环获取 ul/il 中的输入 id/值？

Answer 1

没有人说 firstChild 将作为输入。事实上，它很可能是一个文本节点。

尝试一下:

function Test() {
    var unorderedList   = document.getElementById('myList'),
        ListItems       = unorderedList.getElementsByTagName('li');  

    for (var input, i = 0; i < ListItems.length; i++) {
        input = ListItems[i].getElementsByTagName('input')[0];
        console.log(input.id, input.value);
    }
}

<强> Code Example