如何在Javascript中获取元素的值

Question

我有以下代码来获取两个输入的值并将其发送到 Ajax 文件以进行处理。 它不起作用，我发出警报以查看有什么问题，警报返回给我 [object HTMLInputElement]。

<tr>
    <td>Introduzca licencia: </td>
    <td><input type="text" id="lic" name="lic" value=""/></td>
</tr>
<tr>
    <td>Introduzca apellidos: </td>
    <td><input type="text" id="ape" name="ape" value=""/></td>
</tr>
<script type="text/javascript">
    var lic=document.getElementById("lic").value;
    var ape=document.getElementById("ape").value;                      
</script>
<tr>
    <td><input type="button" value="Buscar" onclick="load(lic, ape);"/></td>
</tr>

如果我尝试它返回输入的值

<script type="text/javascript">
    function prueba(){
        var lic=document.getElementById("lic").value;
        var ape=document.getElementById("ape").value;
        alert("La licencia es: "+lic+" y los apellidos son: "+ape);
   }
</script>
<tr>
   <td><input type="button" value="Buscar" onclick="prueba();"/></td>

如果我以相同的方式创建变量，我不知道为什么第一个代码不起作用。

Answer 1

在第一个代码块中<input type'='button'>的 onclick 处理程序 ( load(lic, ape); ) 中，既没有定义load函数，也没有定义两个参数（ lic和ape ）。

将其更改为：

onclick="load();"

并使您的脚本文件为：

function load(){
    var lic = document.getElementById("lic").value,
        ape = document.getElementById("ape").value; 

    alert("lic is " + lic); // test
    alert("ape is " + ape); // test
}

演示

PS 你缺少<table>标签。 而document.getElementById将始终返回一个 DOM 对象。