如何在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

分配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 3

<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）。桑傑發佈了一個可以工作的香草js版本。

Answer 4

試試這個DEMO

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

Answer 5

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