javascript - 将文本框值传递给 JS 函数以转换为 JSON

Question

我有一个 javascript 函数，它应该从文本框中获取值，将其转换为 JSON 并在警报中显示 JSON。这就是我所拥有的，但它不起作用，有人能看出为什么吗？

console.log(document);
var form = document.getElementById("myForm");

form.onsubmit = function (e) {

  // stop the regular form submission
  e.preventDefault();

   //Collect the data and convert to JSON
var mydata = JSON.stringify(inputbox.value);

   //Show me the JSON
    alert(mydata);

}

这是我的表格 -

<form id = "myForm">
<div class="col-lg-6">

    <div class="input-group">
      <input type="text" id = "input" name = "inputbox" class="form-control">
      <span class="input-group-btn"> 
      <button class="btn btn-default" type="button" id = "add" >Add</button>
      </span>

    </div>
  </form>
</div>

Answer 1

将元素分配给输入框:

var inputbox = form.inputbox;

另外:您的add按钮应该是type="submit"。

Fiddle