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

Pass textbox value to JS function to convert to JSON

本文关键字：函数 转换 JSON JS 文本 值传      更新时间：2023-11-01

我有一个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>

将元素分配给inputbox:

var inputbox = form.inputbox;

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

Fiddle

相关文章：