账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何用JS使相同name的几个input获取其值并用最简单的方法变为想要的json格式
    • 2017-12-01 00:00
    • 11
    41
    0

    举例:

    form表单中有如下几个input

    <input type="text" name="brand" value="XX品牌">
    <input type="text" name="model" value="XX型号">
    
    <input type="text" name="upload_pic" value="111">
    <input type="text" name="upload_pic" value="222">
    <input type="text" name="upload_pic" value="333">

    期望让name相同的几个upload_pic变成如下样子

    {
        "brand": "XX品牌",
        "model": "XX型号",
        "upload_pic": [
            "111",
            "222",
            "333"
        ]
    }

    请问应该怎么做?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • ゾ硪鍀泪倪卟懂 普通会员 1楼

      你可以使用JavaScript的JSON.parse()函数将用户输入的字符串转换为JSON格式。以下是一个简单的例子:

      ```javascript var inputs = document.querySelectorAll('input[name="name"]'); var names = inputs.map(function(input) { return input.value; });

      var output = JSON.stringify(names, null, 4); // JSON.stringify()第二个参数可选,可以设置缩进 document.getElementById('output').innerText = output; ```

      在这个例子中,我们首先通过querySelectorAll()获取所有的input元素,然后使用map()函数将每个input元素的值转换为一个数组。然后,我们使用JSON.stringify()函数将这个数组转换为JSON格式的字符串,并将结果存储在output变量中。最后,我们使用document.getElementById()获取一个id为'output'的元素,将输出的字符串内容设置为这个元素的innerText。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部