how to pass multiple text box values in javascript variable?

Question

<input type="hidden" name="email" value="Website_list">
<input type="hidden" name="name" value="[email protected]">
<input type="hidden" name="fname" value="John">

<script type="text/javascript">
 var subscriber_details = {
email : '[email protected]',
name  : 'Website_List',
fname : 'John'
}

</script>

i want to pass the hidden value in Javascript variable in same manner "Subscriber_details" .

So what should i do?

i dont understand the question.. are you getting these values from the hidden inputs or are you assigning it from your script tag object to each hidden input? — James LeClair
– James LeClair, Commented Apr 23, 2015 at 5:20
I want to pass the value from hidden field to script....!! but i m not able to do so..!!! I want to fetch the value in above manner in script tag\ — Riya Patel
– Riya Patel, Commented Apr 23, 2015 at 5:21
I m trying to run an API so i want to pass the form value in the API so how should I do that?? & How to run that API? — Riya Patel
– Riya Patel, Commented Apr 23, 2015 at 5:23

Sanjay Kumar N S · Accepted Answer · 2015-04-23 05:22:04Z

1

<script type="text/javascript">
 var subscriber_details = {
   email : "'"+ document.getElementsByName("email").value +"'",
   name  : "'"+ document.getElementsByName("name").value +"'",
   fname : "'"+ document.getElementsByName("fname").value +"'"
}

</script>

answered Apr 23, 2015 at 5:22

Sanjay Kumar N S

4,7595 gold badges25 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kurenai Kunai · Accepted Answer · 2015-04-23 05:49:37Z

1

function(){
  var email = $("input[name='email']").val();
  var name = $("input[name='name']").val();
  var fname = $("input[name='fname']").val();
 var subscriber_details = {
 email : email,
   name  : name,
   fname : fname
};
  console.log(email);
  console.log(name);
  console.log(fname);
}

answered Apr 23, 2015 at 5:49

Kurenai Kunai

1,9022 gold badges14 silver badges23 bronze badges

Comments

Afsar · Accepted Answer · 2015-04-23 05:23:48Z

0

Assign id and some value to hidden input feilds:

html Code

<input type="hidden" name="email" id="email" value="[email protected]">
<input type="hidden" name="name"  id="name"  value="somename">
<input type="hidden" name="fname" id="fname" value="fname">

Then get it by id:

Javascript:

<script type="text/javascript">
  var email = document.getElementById("email");
  var name = document.getElementById("name");
  var fname = document.getElementById("fname");
  var subscriber_details = {
   email : email
   name  : name,
   fname : fname 
 }
</script>

answered Apr 23, 2015 at 5:23

Afsar

3,1242 gold badges27 silver badges35 bronze badges

Comments

James LeClair · Accepted Answer · 2015-04-23 05:27:32Z

0

<script type="text/javascript">
 var subscriber_details = {
   email : $('input[name="email"]').val().trim(),
   name  : $('input[name="name"]').val().trim(),
   fname : $('input[name="fname"]').val().trim()
}
</script>

(if you are using jQuery). Sanjay posted a vanilla js version that would work.

answered Apr 23, 2015 at 5:27

James LeClair

1,30411 silver badges12 bronze badges

Comments

Kavin Smk · Accepted Answer · 2015-04-23 05:42:36Z

0

try this DEMO

html:

<input type="hidden" name="email" id="email" value="[email protected]">
<input type="hidden" name="name" id="name" value="Kavin">
<input type="hidden" name="fname" id="fname" value="smk">

script:

$(document).ready(function(){
  var em = $("#email").val();
     var name = $("#name").val();
    var fn = $("#fname").val();
alert(em);alert(name);alert(fn);
  });

answered Apr 23, 2015 at 5:42

Kavin Smk

81011 silver badges37 bronze badges

Collectives™ on Stack Overflow

how to pass multiple text box values in javascript variable?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related