获取文本框输入的值：未捕获TypeError：无法调用null的方法'val'

Question

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

<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();

并收到此错误：

  

未捕获的TypeError：无法调用null

的方法'val'

我真的无法继续其他任何事情，直到我想出来

Answer 1

假设jQuery已正确集成，您可能在将元素添加到DOM之前尝试访问。你的代码工作正常。

<强> Live Demo

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

您可以使用脚本标记包含jQuery，也值得浏览此post。

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

Answer 2

试试这个

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

或者将其放在页面底部

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