Javascript 我需要做什么才能让它显示所有用户输入/选择？_Javascript_Jquery_Html

Javascript 我需要做什么才能让它显示所有用户输入/选择？

javascript jquery html

Javascript 我需要做什么才能让它显示所有用户输入/选择？,javascript,jquery,html,Javascript,Jquery,Html,我需要在javascript/jquery警报框中显示来自以下表单的用户输入，在每条信息之间有一个换行符。我已经尝试实现这个jquery警报，但我的情况并不比以前好。这就是我到目前为止得到的 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1

我需要在javascript/jquery警报框中显示来自以下表单的用户输入，在每条信息之间有一个换行符。我已经尝试实现这个jquery警报，但我的情况并不比以前好。这就是我到目前为止得到的

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Questions n Shiz</title>
    <link rel="stylesheet" href="css/normanlize-signup.css">
    <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/signup.css">
    <link rel="icon" href="favicon.ico">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script>

            $('#formid').submit(function (e) {
                e.preventDefault();
                alert(JSON.stringify($('#formid')));
              });

    </script>
</head>
<body>

  <form>

    <h1>Enter Thou'st Information</h1>

    <fieldset>

      <legend><span class="number">1</span> Your basic info</legend>

    <label for="name">Name:</label>
    <input type="text" id="name" name="user_name" placeholder="Rob Neale">

    <label for="mail">Email:</label>
    <input type="email" id="mail" name="email" placeholder="robneale@gmail.com">

    <label for="password">Password:</label>
    <input type="password" id="password" name="password" placeholder="robrastamanneale">

    <label>Gender/Sex:</label>
    <input type="radio" id="male" value="male" name="user_gender"><label for="under_16" class="light">Male</label>
      <br>
    <input type="radio" id="female" value="female" name="user_gender"><label for="over_16" class="light">Female</label>

    </fieldset>

    <fieldset>

      <legend><span class="number">2</span> Your profile</legend>

      <label for="bio">Biography:</label>
    <textarea id="bio" name="user_bio" placeholder="Some words go in here ;)"></textarea>

      <label for="house">House:</label>
      <select id="house" name="user_job">
        <optgroup label="House">
          <option value="bradman">Bradman</option>
          <option value="chisholm">Chisholm</option>
          <option value="helpmann">Helpmann</option>
          <option value="mawson">Mawson</option>
          <option value="mccubbin">McCubbin</option>
          <option value="oliphant">Oliphant</option>
          <option value="sutherland">Sutherland</option>
          <option value="thiele">Thiele</option>
        </optgroup>

        </optgroup>


      </select>

      <label>Subjects</label>
      <input type="checkbox" id="development" value="interest_maths" name="user_interest">
      <label class="light" for="development">Maths C</label>
      <br>
      <input type="checkbox" id="design" value="interest_physics" name="user_interest">
      <label class="light" for="design">Physics</label>
      <br>
      <input type="checkbox" id="business" value="interest_chemistry" name="user_interest">
      <label class="light" for="business">Chemistry</label>
      <br>
      <input type="checkbox" id="business" value="interest_biology" name="user_interest">
      <label class="light" for="business">Biology</label>
      <br>
      <input type="checkbox" id="business" value="interest_marine" name="user_interest">
      <label class="light" for="business">Marine Biology</label>
      <br>
      <input type="checkbox" id="business" value="interest_graphics" name="user_interest">
      <label class="light" for="business">Graphics</label>
      <br>
      <input type="checkbox" id="business" value="interest_ipt" name="user_interest">
      <label class="light" for="business">IPT</label>
      <br>
      <input type="checkbox" id="business" value="interest_its" name="user_interest">
      <label class="light" for="business">ITS</label>
      <br>
      <input type="checkbox" id="business" value="interest_business" name="user_interest">
      <label class="light" for="business">Business</label>
      <br>
      <input type="checkbox" id="business" value="interest_legal" name="user_interest">
      <label class="light" for="business">Legal Studies</label>
      <br>
      <input type="checkbox" id="business" value="interest_engineering" name="user_interest">
      <label class="light" for="business">Engineering</label>
      <br>
      <input type="checkbox" id="business" value="interest_accoutngin" name="user_interest">
      <label class="light" for="business">Accounting</label>


    </fieldset>


    <legend><span class="number">3</span> Submit!</legend>
    <input type="checkbox" id="update" value="interest_update" name="user_update">
      <label class="light" for="update">Tick to recieve a free complimentary Elliot</label>


    <button type="submit" onclick="displayOutput()">Submit!</button>

  </form>

</body>


问题n-Shiz
$（'#formid'）。提交（函数（e）{
e、 预防默认值（）；
警报（JSON.stringify（$（'#formid'））；
});
输入你的信息
1您的基本信息
姓名：
电邮：
密码：
性别/性别：
男性


女性
2您的个人资料
传记：
众议院：
布拉德曼
奇肖姆
赫普曼
马森
麦库宾
奥列芬特
萨瑟兰
蒂勒
学科
数学C


物理


化学


生物


海洋生物学


绘图


综合产品组


它的


生意


法律研究


工程类


会计
3提交！
勾选可获得免费赠送的Elliot
提交

只需列出所有值，在它们之间加上“\n”，即可添加换行符

alert($("#name").val() + '\n' + $("#mail").val() + '\n' + 
      $("#password").val() + $(":radio[name=user_gender]:checked").val() + '\n' +
      $("#bio").val() + '\n' + 
      'Subjects: ' + $(":checkbox[name=user_interest]:checked").map(function() { return $(this).val(); }).join(','));

要滚动表单的所有元素，可以使用

元素

   function displayOutput() {
      for(var i=0;i<document.forms[0].elements.length;i++)
        console.log(document.forms[0].elements[i].id +": " 
                +  document.forms[0].elements[i].value);
   }

我花了几分钟才发现您有多个id（每个文档必须只有一个

id

）

如果您的表单具有正确的id，这可能会有所帮助：

var res = '';
$.each($('#formid').serializeArray(), function(i, v){
  res += i+':'+v+'\n';
});
alert(res);

当然，

alert

在现实世界中是一种可怕的方法。

它是

FormElement.serializeArray（）

。无论如何，

$（'#formid'）

在哪里？我应该把FormElement.serialize（）放在哪里？你必须了解基本知识。我建议看一些教程或者读一些书。你会把结果放在一个元素或一堆元素中。很抱歉催你，但我需要一个快速的答案，我没有时间看书。我如何修复它，以使我的用户输入以警报形式弹出。如果你需要答案的速度快于你的学习速度，你需要雇用知道他们在做什么的人。我们不是一个编码服务。我敢打赌这对操作来说太复杂了。：）@Barmar对我来说也是，看起来；-）

var res = '';
$.each($('#formid').serializeArray(), function(i, v){
  res += i+':'+v+'\n';
});
alert(res);