在不使用PHP的情况下将表单输入值获取到Javascript中

Get form input values into Javascript without PHP

本文关键字：输入 获取 Javascript 表单 PHP 情况下      更新时间：2023-09-26

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

例如，在您的html:中

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

以及在您的javascript:中

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

希望它能帮助你：）

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

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

要获得输入的值，可以使用以下方法：

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

您可以像这样将所有表单数据序列化在一起。

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

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

相关文章：