Question

我的html中有几个输入（这是一个输入例子）：

<TH>
    <FORM>
        <input name="designation" type="text" size="12" />
    </FORM>
</TH>

所以，我想检索文本输入并显示它。所以我使用这个脚本：

$("#Compil").click(function() {
    var n_input = document.getElementById("designation").value;
    alert('Designation : ' + n_input); // -> n_input non defini (undefined)
});

但是不要工作。我的警报不显示。你能帮帮我吗？

PS：这是Javascript或jQuery中的脚本吗？

Answer 1

您在输入中缺少id属性，只需将html更改为包含

即可

<input id="designation" name="designation" type="text" size="12" />

Answer 2

1）在你的脚本中，你通过id指定获取值，但是你没有在你的html输入字段中添加类似id的id属性。所以只有它抛出未定义的错误。

$("#Compil").click(function() {
    var n_input = document.getElementById("designation").value;
    alert('Designation : ' + n_input); 
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<TH>
    <FORM>
        <input name="designation" id="designation" type="text" size="12" />
      
      <input type="submit" name="submit" id="Compil" value="submit" />
    </FORM>
</TH>

脚本 - 检索文本输入

2 个答案: