如何在javascript變量中傳遞多個文本框值？

Question

 <input type="hidden" name="email" value="Website_list"> <input type="hidden" name="name" value="John.Doe@foo.com"> <input type="hidden" name="fname" value="John"> 

 <script type="text/javascript"> var subscriber_details = { email : 'John.Doe@foo.com', name : 'Website_List', fname : 'John' } </script> 

我想以“ Subscriber_details”相同的方式在Javascript變量中傳遞隱藏值。

所以我該怎么做？

Answer 1

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

</script>

Answer 2

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

Answer 3

為隱藏的輸入字段分配ID和一些值：

html代碼

<input type="hidden" name="email" id="email" value="my@email.com">
<input type="hidden" name="name"  id="name"  value="somename">
<input type="hidden" name="fname" id="fname" value="fname">

然后通過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>

Answer 4

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

（如果您使用的是jQuery）。 Sanjay發布了可以使用的普通js版本。

Answer 5

試試這個演示

HTML：

<input type="hidden" name="email" id="email" value="sample@gmail.com">
<input type="hidden" name="name" id="name" value="Kavin">
<input type="hidden" name="fname" id="fname" value="smk">

腳本：

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