Question

所以我对我正在考虑制作的网络应用有疑问。我想允许用户从下拉列表中选择一个项目。比如我们会说衣服。因此，他们从下拉列表中选择一个选项，如：衬衫，裤子，鞋子。

然后，它将自动填充下面的各种输入/文本字段，例如价格。

我是否使用所有选项创建一个数组？比如{'衬衫'，'裤子'，'鞋子'}，或者我这样做：{'衬衫'，'14 .99'，'红'，'星期二'}

例如，如果某人选择了衬衫，那么它将根据14.99美元的价格填充字段，红色代表颜色，周二代表佩戴日期。

或者我为每个单独的字段做一个不同的数组，如果那样的语句，如果“if'shirt'==='red'，那么[0]”

我迷失了如何开始（在JS中非常缺乏经验，但我想问。）

提前致谢。

Answer 1

我正在写一小段代码给你一个想法。我找时间，也写了选择框。

var dress, i, j, x = "";
dress = {
    "shirt": [
        { "product_name":"women shirt", "price": 25, "colors":[ "red", "green", "yellow" ] },
        { "product_name":"baby shirt", "price": 35, "colors":[ "red", "pink" ] },
        { "product_name":"man shirt", "price": 15,  "colors":[ "pink", "blue" ] }
    ]
}

for (i in dress.shirt) {
    x += "<h2>Product Name: " + dress.shirt[i].product_name +" > Price: "+ dress.shirt[i].price+"</h2>";
    for (j in dress.shirt[i].colors) {
        x += dress.shirt[i].colors[j] + "<br>";
    }
}

document.getElementById("demo").innerHTML = x;

<p id="demo"></p>

基于下拉列表选择的JavaScript数组自动填充？

1 个答案: