javascript - 如何将下拉选项值附加为数组

标签 javascript jquery

我的 json 看起来像这样。我需要在下拉选项中附加名称作为键和数据作为值。

   {
    "id" : 1,
    "name" : "name1",
    "Year" : 2018,
    "data" : [ 
        {
            "day" : 1.0,
            "count" : 34.0,
            "month" : "May",
            "price" : 1.0,
            "amount" : 51.0
        }, 
        {
            "day" : 2.0,
            "count" : 34.0,
            "month" : "May ",
            "price_typ" : 1.0,
            "amount" : 51.5
        }, 
        {
            "day" : 3.0,
            "count" : 34.0,
            "month" : "May",
            "price_typ" : 1.0,
            "amount" : 50.0
        }, 
        {
            "day" : 4.0,
            "count" : 34.0,
            "month" : "May",
            "price_typ" : 1.0,
            "amount" : 51.0
        }, 
        {
            "day" : 5.0,
            "count" : 34.0,
            "month" : "May",
            "price_typ" : 1.0,
            "amount" : 51.0
        }
    ]
}

在我的代码中,我附加名称作为键,附加数据作为选项值,但得到的是 [object,object] 而不是数组值。

for(var j=0;j<result.length;j++){
$("#custom-dropdown").append(
"<option value="+result[j].data+">"
+ result[j].name
+ "</option>");  
}

最佳答案

你不能做"<option value="+result[j].data+">"因为你告诉 JS unbox result[j].data 作为字符串,因为它是一个对象,JS 会告诉你它是 [object, object]

简单测试:

var a = {}; 
a.toString() // returns "[object Object]"

哪个部件/属性值来自data你需要值(value)吗?

关于javascript - 如何将下拉选项值附加为数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51551230/

相关文章:

javascript - 动态调整图像大小?

jquery-ui - 删除带有周围内容的 jQuery UI 对话框

javascript - jQuery 将 Href 匹配到 div ID

javascript - Revolution Responsive jQuery Slider 图像宽度和高度变化

javascript - 数据表不允许将多个页脚行包含到导出的 pdf 文件中

javascript - 清除页面部分

javascript - 电子邮件验证 Jquery 不起作用

javascript - 重用 ionic 示例

javascript - Node.js:1D 与 2D 数组中的 100M 个元素——意外的内存问题

jquery - 使用 animate() 的简单 jQuery 幻灯片