Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript获取HTML表单输入_Javascript_Html_Forms - Fatal编程技术网

使用javascript获取HTML表单输入

使用javascript获取HTML表单输入,javascript,html,forms,Javascript,Html,Forms,我想使用JavaScript简单地查看一个特定的HTML表单(即单选按钮),找到用户的选择,然后以各种方式响应 javascript有没有办法读取用户输入或表单的选定响应?是的,有很多方法可以做到这一点。 更改时可以检查用户输入。其中一个在下面 <input type="text" onchange="changed(this);"/> 你可以在网上找到很多方法。您可以尝试使用jQuery,这对您来说更容易 $("#myInput").change(function(){

我想使用JavaScript简单地查看一个特定的HTML表单(即单选按钮),找到用户的选择,然后以各种方式响应


javascript有没有办法读取用户输入或表单的选定响应?

是的,有很多方法可以做到这一点。

更改时可以检查用户输入。其中一个在下面

 <input type="text" onchange="changed(this);"/>

你可以在网上找到很多方法。您可以尝试使用jQuery,这对您来说更容易

$("#myInput").change(function(){   //select the input box which id is 'myInput' then run function when its value changed each time
    alert("Wow, my value changed to:"+$(this).val())   //Get value with $(this).val() and alert!
});
您还可以使用
$(“input”).change(function(){


根据你的要求更改我的答案

<form name="myForm">
   <!--Lots of divs here with input. You must hide these divs without touching form! -->
</form>

当你在最后一页时,你需要做的就是

function listUserValues(){
   var els=document.myForm.elements;
   var l=els.length;
   for (var i=0; i<l; i++)
   {
      alert('Field Name: '+els[i].name+'\nField Type: '+els[i].type+'\nField Value: '+els[i].value);
      //Do whatever you want with each value here.
   }
}
函数listUserValues(){
var els=document.myForm.elements;
var l=els.长度;

对于(var i=0;iThanks!因此,我尝试在用户点击“下一页”并显示下一个隐藏div时存储值。因此,我不希望在它更改时立即存储它,仅当他们点击此按钮时才存储。此外,我也不希望不同“页”上的值重叠。是否有其他函数而不是“onchange”呢?我想我可以将值存储在临时变量中,直到它们到达下一页…当用户单击下一页时,顶部链接被更改?不,只是当前div变为隐藏,下一个显示。谢谢!看起来应该这样做。但是返回的警报似乎没有记录用户的值。例如,如果用户检查e单选按钮或复选框,警报显示每个选项的值:on
function listUserValues(){
   var els=document.myForm.elements;
   var l=els.length;
   for (var i=0; i<l; i++)
   {
      alert('Field Name: '+els[i].name+'\nField Type: '+els[i].type+'\nField Value: '+els[i].value);
      //Do whatever you want with each value here.
   }
}