Question

如何从顶部输入到底部输入获取值？

旧代码是

<span id="lblValue"></span>

但我尝试为输入类型文本添加值不起作用

<input type="text" id="lblValue" value="">

我该怎么办？

http://jsfiddle.net/VDd6C/744/

<script>
    function edValueKeyUp()
    {
        var edValue = document.getElementById("edValue");
        var s = edValue.value;

        var lblValue = document.getElementById("lblValue");
        lblValue.innerText = "The text box contains: "+s;

        //var s = $("#edValue").val();
        //$("#lblValue").text(s);    
    }
</script>

Answer 1

input没有innerText属性 - 它具有.value属性。

lblValue.value= "The text box contains: "+s;

演示：http://jsfiddle.net/VDd6C/747/

始终打开控制台，您会看到错误：Uncaught NoModificationAllowedError: Failed to set the 'innerText' property on 'HTMLElement': The 'input' element does not support text insertion.

Answer 2

更改

lblValue.innerText

到

lblValue.value

<强> jsFiddle example

输入没有innerText属性。

Answer 3

我认为你只需要替换

lblValue.innerText

到

lblValue.value

Answer 4

由于lblValue也是输入文字，因此请使用.value进行设置：

<input id="edValue" type="text" onKeyUp="edValueKeyUp()"><br>
<span id="label"></span><br/>
<input type="text" id="lblValue" value="">
<script>
function edValueKeyUp() {
    var edValue = document.getElementById("edValue");
    var s = edValue.value;

    var lblValue = document.getElementById("lblValue");
    document.getElementById("label").innerText = "The text box contains: ";
    lblValue.value = s;
           // ^ .value not .innerText
    lblValue.readOnly = true; // optional

}
</script>

如何从最高输入到最低输入获得价值？

4 个答案: