尝试创建一个在后端使用 JSON 的 6 级组合框

发布于 2024-09-16 18:33:45 字数 248 浏览 4 评论 0 原文

我一直在查看很多组合框，但还没有看到一个使用后端的 JSON 或超过 6 个字段的 JSON。我试图使用 http://www.appelsiini.net/2010/jquery-chained-selects 作为一种资源，但我在后端实现 JSON 时遇到问题。有人介意给我吗一只手？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北音执念 2024-09-23 18:33:45

<选择 id="forGender">
<选项值=“”>--
<选项值=“m”>伙计们
<选项值=“f”>女孩

<选择禁用=“”id=“显示类型”> <选项值=“”>--
<选择禁用=“”id=“材质”> <选项值=“”>--
<选择禁用=“”id=“颜色”> <选项值=“”>--
<选择禁用=“”id=“价格”> <选项值=“”>--
<选择禁用=“”id=“自定义”> <选项值=“”>--
$(函数(){
$("#displayType").chained("#gender");
$("#band

json

{
"idName": "报时员",
“forGender”：“男”，
“显示类型”：“模拟”，
“bandType”：“塑料”，
“外壳直径”：1.5，
“外壳厚度”：0.5，
“带宽”：0.78，
“项目”： [
{
“颜色1”：“白色”，
“颜色2”：“无”，
“价格”：59.99，
“猫”：“29400”，
"img": "155320-0002-前面",
“货号”：155411
},
{
“颜色1”：“蓝色”，
“颜色2”：“无”，
“价格”：59.99，
“猫”：“32579”，
"img": "155411-0005-前面",
“货号”：160041
},
{
“颜色1”：“黑色”，
“颜色2”：“粉色”，
“价格”：59.99，
“猫”：“38404”，
"img": "160041-0001-前面",
“sku”：155320
}
],
“特殊信息”：{
"restrictions": "仅适用于美国客户。",
“细节”： [
“定制3针日本石英机芯。”,
“100 米模制聚碳酸酯外壳。”,
“硬化矿物晶体。”,
“锁定活套和聚碳酸酯带扣。”
],
"desc": "尼克松的报时员手表采用硬质表壳和定制模制聚氨酯表带，使其保持简单。"
}
}

<p class="notice" >
<select id="forGender" >
<option value="" >-- </option >
<option value="m" >Guys </option >
<option value="f" >Girls </option > </select >

<select disabled="" id="displayType" > <option value="" >-- </option > </select >
<select disabled="" id="material" > <option value="" >-- </option > </select >
<select disabled="" id="color" > <option value="" >-- </option > </select >
<select disabled="" id="price" > <option value="" >-- </option > </select >
<select disabled="" id="custom" > <option value="" >-- </option > </select >
$(function(){
$("#displayType").chained("#gender");
$("#band <aterial").chained("#displayType");
$("#color").chained("#bandMaterial");
$("#caseDiameter").chained("#color");
$("#bandWidth").chained("#caseDiameter");
$("#keywords").chained("#bandWidth");
});
</script >
</p >

json

{
"idName": "The Time Teller",
"forGender": "m",
"displayType": "analog",
"bandType": "plastic",
"caseDiameter": 1.5,
"caseThickness": 0.5,
"bandWidth": 0.78,
"items": [
{
"color1": "white",
"color2": "none",
"price": 59.99,
"cat": "29400",
"img": "155320-0002-front",
"sku": 155411
},
{
"color1": "blue",
"color2": "none",
"price": 59.99,
"cat": "32579",
"img": "155411-0005-front",
"sku": 160041
},
{
"color1": "black",
"color2": "pink",
"price": 59.99,
"cat": "38404",
"img": "160041-0001-front",
"sku": 155320
}
],
"specialInformation": {
"restrictions": "Available for US customers only.",
"details": [
"Custom 3 hand Japanese quartz movement.",
"100 meter molded polycarbonate case.",
"Hardened mineral crystal.",
"Locking looper and polycarbonate buckle."
],
"desc": "Nixon's The Time Teller watch keeps it simpleton with hard case and custom molded polyurethane band."
}
}