脚本-检索文本输入

Script - Retrieve text input

本文关键字：输入 文本 检索 脚本      更新时间：2023-09-26

我的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请?

您的输入中缺少id属性，只需更改html以包含

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

1)在您的脚本中，您通过id指定获得值，但您没有在HTML输入字段中添加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>

相关文章：