在沒有PHP的情況下將表單輸入值轉換爲Javascript

Question

我需要找到一種方法，可以將所有值從表單導入到Javascript中，而無需使用PHP，因爲我無法使用PHP。有任何想法嗎？

Answer 1

例如，在你的HTML：

<input type="text" name="name" id="myUniqueId" value="value" /> 

，並在你的JavaScript：

var nameValue = document.getElementById("myUniqueId").value; 

希望它會幫助你:)

編輯：這個例子中的所有值.. 。但如果你能提供一小部分代碼讓我看看你是如何提交表單的話，將會幫助我提供更好的解決方案。

<button onclick="getAllFormValues()">Click me</button> 

Answer 2

爲了得到一個輸入的值，你可以使用這樣的事情：

var inputValue = document.getElementById('input_id').value; 

Answer 3

你們可以一起在序列化的形式是這樣的所有形式的數據。

var formdata= $('#form_id').serialize(); 

你也可以像這樣一次存儲一個元素。

在JavaScript

var name =document.getElementById('name_id').value; 
var userName =document.getElementById('nameName').value; 

jQuery中

var name =$('#name_id').val(); 
var userName =$('#userName').val(); 

Answer 4

我創建了一個例子的jsfiddle爲您檢查

$(function(){ 
 
    $("#submit").on('click',function(){ 
 
     var myvalue =''; 
 
     var $myform = $('#myform :input');  
 
     console.log($myform); 
 
     $myform.each(function(){ 
 
      myvalue += $(this).val()+"<br>";  
 
     }); 
 
     console.log(myvalue); 
 
     $('#values').html(myvalue); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form id="myform" action="" method=""> 
 
    <input type="text" name="im1" value="my value" /> 
 
    <input type="text" name="im2" value="my value 1" /> 
 
    <input type="text" name="im2" value="my value 2" /> 
 
    <select name="imselect"> 
 
     <option value="Option 1">Option 1 </option> 
 
     <option value="Option 2">Option 2 </option> 
 
     <option value="Option 3">Option 3 </option> 
 
    </select> 
 
    <input type="button" name="submit" id="submit" value="Get Value" /> 
 
     
 
</form> 
 
<div id="values"></div>