将文本框值传递给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

将元素分配给inputbox：

var inputbox = form.inputbox;

另外：您的add按钮应为type="submit"。

Fiddle