Question

我试图在html列表中获取输入字段的值。我不希望我设置的值作为页面加载，我想要更改的值（键入类似abcd的东西）。

我用innerHTML，innerText，textContent尝试了它，但它的所有主题都是旧值。唯一有效的方法是从输入中获取带有id的值，但这对我和我的项目都不起作用。

任何人都可以帮助我。

以下是列表代码：

<li id="testlist">
    <img onclick="functionxyz()" src="" height="40px" ondblclick="" width="50px"></img>
    <input id="id1" class="textlist" type="text" name="" value="old value"></input>
    <select id="id2" class="selectshortlist" name=""></select>
    <textarea id="" class="textfield1" cols="1" maxlength="1000" rows="1" name=""></textarea>
    <div class="ui-state-default sortable-number"></div>
    <input type="button" class="removelist"></input>
</li>

这就是JavaScript代码：

function()
{
    var sort1 = document.getElementById("testlist");
    alert(sort1);
    var liste = sort1;
    alert(liste.value);
    alert(liste.innerHTML);
    var savelist = new Array();
    for (var i = 0; i < liste.length; i++)
    {
        alert(liste[i].value);
        console.log(liste[i].value)
        //savelist.push(liste[i].textContent);
    }
}

Answer 1

你用jquery标记了这个，所以答案是，使用jquery：）

var valueThatYouSeek = $('#testlist input.textlist').val();
console.log(valueThatYouSeek);
alert(valueThatYouSeek);

Answer 2

如果你走那条路，你可以很容易地做到没有jquery。

function getInputVal() {
    var input = document.getElementsByClassName("textlist")[0];
    console.log(input.value);
}

FIDDLE

获取列表中输入的值

2 个答案: