获取文本框输入的值:未捕获的类型错误:无法调用方法'val'为null

Get value of textbox input: Uncaught TypeError: Cannot call method 'val' of null

本文关键字：调用 方法 null val 类型 输入 取文本 获取 错误      更新时间：2023-09-26

我有一个表单输入，如下所示：

<input type="text" name="params[well]" id="params_well" value="#f8f8f8" placeholder="#rrggbb" class="minicolors minicolors-input" data-position="right" data-control="hue" size="7" maxlength="7">

和类似的javascript：

var params_well = $("#params_well").val();

得到这个错误：

未捕获的类型错误：无法调用null 的方法"val"

在我弄清楚之前，我真的无法继续做任何其他事情

试试这个

$(document).ready(function(){
  var params_well = $("#params_well").val();
});

或者把这个放在页面的底部

var params_well = $("#params_well").val();

假设jQuery被正确集成，您可能会在元素被添加到DOM之前尝试访问。您的代码运行良好。

实时演示

$(document).ready(function(){
  var params_well = $("#params_well").val();
});

您可以使用script标记包含jQuery，这篇文章也值得一读。

<script src="http://code.jquery.com/jquery-latest.min.js"
  type="text/javascript"></script>
相关文章：