jQuery how to declare variable outisdie function and use in function

Question

I need your help. I want to declare input field in variable outside function and the variable should work in function: for example

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

function _testAlert()
{
    alert(name);
}

That should work. Check that name has a value, and make sure you're calling the function — Kolby, May 28 '17 at 07:42
What happens when you do `alert($("#name").val())` ? That is exactly doing the same like the code you wrote. So the problem is in your `$("#name").val()` and not in your variable declaration. — Koby Douek, May 28 '17 at 07:46
alert($("#name").val()) its working fine but when i declare this in var outside function its now working — Muhammad Kazim, May 28 '17 at 07:48
alert($("#name").val()) - $("#name").val() both things are same so where is the problem — Muhammad Kazim, May 28 '17 at 07:52
var name = $("#name").val(); its working fine if i use this inside function but when i declare outside function and then i call this inside function its not wkring — Muhammad Kazim, May 28 '17 at 07:53

score 3 · Answer 1 · answered May 28 '17 at 08:20

3

HTML

   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <input type="text" id="name" class="name" value="nabeel"/>

JAVASCRIPT

var name ;

$(document).ready(function() {
    name = $("#name").val();
   _testAlert();
});

function _testAlert()
{
    alert(name);
}

answered May 28 '17 at 08:20

M.Nabeel

you can use you input field using a class name as well for eg $(".name").val(); – M.Nabeel May 28 '17 at 08:25

Koby Douek · Answer 2 · 2017-05-28T07:50:36.230

0

Decalring a variable outside a function, like you did: var name, would scope it as "global". You can use it inside functions with no problem.

The problem is that you are not waiting for the document to load the input's value before assigning it to the name variable.

Try this:

var name ;

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

function _testAlert()
{
    alert(name);
}

edited May 28 '17 at 07:50

answered May 28 '17 at 07:43

Koby Douek

Does the input with an ID `name` exist? Does it have a value when the document is loaded? – Koby Douek May 28 '17 at 08:15
yes its exist the id name and field is not empty when i click submit – Muhammad Kazim May 28 '17 at 08:52

score 0 · Answer 3 · answered May 28 '17 at 07:50

0

your example looks good.It will work 100%.

answered May 28 '17 at 07:50

sb employee

Please read my answer and the PO's comments - your answer is not correct. – Koby Douek May 28 '17 at 07:54

score 0 · Answer 4 · answered May 28 '17 at 09:30

   $(document).ready(function() {
   var name =$("#mydemo").val();
   _testAlert();
   });
   function _testAlert()
   {
   alert(name);
   }

and another method id out side the document ready function

   var name =$("#mydemo").val();    
   function _testAlert()
   {
   alert(name);
   }

4 Answers4