在没有 PHP 的情况下将表单输入值获取到 Javascript [关闭]答案

【问题标题】：Get form input values into Javascript without PHP [closed]在没有 PHP 的情况下将表单输入值获取到 Javascript [关闭]
【发布时间】：2015-06-09 06:50:23
【问题描述】：

我需要找到一种方法，可以在不使用 PHP 的情况下将表单中的所有值导入 Javascript，因为我无法使用 PHP。有什么想法吗？

【问题讨论】：

标签： javascript google-chrome

【解决方案1】：

例如在您的 html 中：

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

在你的 javascript 中：

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

希望对你有帮助:)

编辑：获取所有值的示例...但是，如果您可以提供一小部分代码让我了解您如何提交表单，将帮助我提供更好的解决方案。

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

【讨论】：

我怎样才能使它只有在提交表单后才能获得价值？
你能把你的这部分代码让我写一个简单的方法吗？如果您还没有编写它，一个简单快捷的方法是制作一个按钮，该按钮带有一个通过 onclick 事件调用的函数。

【解决方案2】：

我创建了一个 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>

【讨论】：

【解决方案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();

【讨论】：

【解决方案4】：

要获取输入的值，您可以使用以下内容：

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

【讨论】：