JavaScript错误无法从<input />标记获取输入

时间:2016-08-17 13:49:02

标签: javascript html

我正在学习Java Script并尝试运行此代码,用户在输入文本中输入任何值,然后输入的数据将在 &#34; p&#34; 中打印标签,但是当我使用调试器查看代码出错的地方时,它会弹出以下错误

  

未捕获的TypeError:无法读取属性&#39;值&#39;未定义的

代码:

&#13;
&#13;
<AutoCompleteTextView  
    android:id="@+id/autocomplete"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/Autocomplete"/>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:4)

getElementById() 将返回单个元素。因此,您无需为[0]编制索引。从[0]

中删除getElementById("txt_1")[0]

 <html>
     <head>
    <script>
     function myFunction() 
     {
       var a = document.getElementById("txt_1").value;
       document.getElementById("demo").innerHTML = a;
     }
    </script>
    </head>
    <body>
    <form>
    <input type="text" id="txt_1" name="txt_1">
    <input type="button" onclick="myFunction()" value="Click me">
    </form>
    <p id="demo"></p>
    </body>
    </html>

答案 1 :(得分:0)

函数document.getElementById("txt_1")返回元素,而不是将元素作为第一项的数组,因此删除[0]

var a = document.getElementById("txt_1").value;

答案 2 :(得分:0)

document.getElementById()返回单个元素。不需要(你不能)选择第一个元素([0]),只有一个元素。

var a = document.getElementById("txt_1").value;