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

Question

I have a form input that looks like this:

<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">

and javascript like this:

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

and getting this error:

Uncaught TypeError: Cannot call method 'val' of null

I really cant proceed with anything else till i figure this out

do you have another js library – rajesh kakawat Nov 19 '13 at 06:52 — rajesh kakawat, Nov 19 '13 at 06:52
what are the js libraries added to the page – Arun P Johny Nov 19 '13 at 06:57 — Arun P Johny, Nov 19 '13 at 06:57
try `var params_well = jQuery("#params_well").val();` – Arun P Johny Nov 19 '13 at 06:58 — Arun P Johny, Nov 19 '13 at 06:58

score 0 · Answer 1 · edited May 23 '17 at 11:56

0

Assuming the jQuery is integrated correctly, you probably trying to access before element is being added to DOM. Your code is working fine.

Live Demo

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

You can include jQuery using script tag, also worth going through this post.

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

edited May 23 '17 at 11:56

Community

1
1

answered Nov 19 '13 at 06:49

Adil

146,340
25
209
204

Im using Joomla and am now getting Uncaught TypeError: Object # has no method 'ready' – TEN Design Nov 19 '13 at 06:58
already loaded via – TEN Design Nov 19 '13 at 07:01
It seems you do not have added jQuery successfully. verify the path. Showing complete javascript could help understanding reason. – Adil Nov 19 '13 at 07:02

score 0 · Answer 2 · answered Nov 19 '13 at 06:51

0

Try this

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

Or put this on bottom of your page

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

answered Nov 19 '13 at 06:51

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

2 Answers2