700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html输出json对象属性值 用javascript中的HTML元素值构建JSON对象

html输出json对象属性值 用javascript中的HTML元素值构建JSON对象

时间:2019-04-22 18:30:58

相关推荐

html输出json对象属性值 用javascript中的HTML元素值构建JSON对象

所以现在我在我的页面上有以下内容:

其中包括一个下拉菜单和一个输入文本字段。因此,我想从上面的HTML元素中创建一个JSON格式的javascript对象,这样我就可以得到如下内容:

myObj = {

Name: Jake,

Address: 51 Lake District

}

不过,我现在使用的方法在我喜欢的地方有点低效:

var myObj = {

[document.getElementById("drop1").value]:document.getElementById("n_in").value,

[document.getElementById("drop2").value]:document.getElementById("a_in").value,

}

console.log(JSON.stringify(myObj))

我不完全确定这是否是一个好的方法,但是将来如果我要在HTML中添加另一组字段,比如“Country”下拉列表,我将不得不再次将另一个字段硬编码到上面的变量中。

var myObj = {

[document.getElementById("drop1").value]:document.getElementById("n_in").value,

[document.getElementById("drop2").value]:document.getElementById("a_in").value,

}

console.log(JSON.stringify(myObj))

Document

Name

Address

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。