Trung tâm cá nhân
sách gpt4 ai đã đi

javascript - 从外部 JSON 文件生成选择列表

In lại 作者：行者123 更新时间：2023-12-03 11:34:15 28 4
mua khóa gpt4 Nike

我正在尝试根据初始选择从 JSON 文件生成选择菜单。我见过很多不同的方式，人们为此编写了一个函数，但想要一些非常简单的东西。

HTML:

JSON:

[
  {
    "Practise one": [
        {"area": "Acquisition and Leveraged Finance"},
        {"area": "Asset-Based Lending"},
        {"area": "Bankruptcy"}
    ]
  },
  {
    "Practise two": [
        {"area": "Corporate Governence"},
        {"area": "Derivatives"},
        {"area": "High Yield Offerings"}
    ]
  },
  {
    "Practise three": [
        {"area": "Electric Power Regulation"},
        {"area": "Export Control"},
        {"area": "FCPA"}
    ]
  }
]

我想使用外部 JSON 文件中的数据。练习 1/2/3 来自初始选择，然后区域用于生成的选项。如果非常含糊，请道歉。

1 Câu trả lời

我从您的 JSON 中删除了一些冗余，以尝试进一步简化您的代码。您可以进一步简化它，例如，将 {"area": "Electric PowerRegulation"} 更改为简单的 "Electric PowerRegulation",Sau đó {text :this.area,value:this.area} 将更改为 {text:this,value:this}.

var options = {
    "Practise one": [
        {"area": "Acquisition and Leveraged Finance"},
        {"area": "Asset-Based Lending"},
        {"area": "Bankruptcy"}
    ],
    "Practise two": [
        {"area": "Corporate Governence"},
        {"area": "Derivatives"},
        {"area": "High Yield Offerings"}
    ],
    "Practise three": [
        {"area": "Electric Power Regulation"},
        {"area": "Export Control"},
        {"area": "FCPA"}
    ]
  },
    sel1 = $('#beta-filter1'),
    sel2 = $('#beta-filter2');

sel1.on('change', function() {
  $('option:gt(0)', sel2).remove();
  sel2.prop('disabled', true);
  if( this.selectedIndex > 0 ) {
    $.each( options[this.value], function() {
      sel2.append( $('',{text:this.area,value:this.area}) ).prop('disabled', false);
    });
  }
});

Để ý:

如果 JSON 正如您在问题中所指出的那样，您可以在使用它之前用几行代码对其进行调整。

关于javascript - 从外部 JSON 文件生成选择列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26593586/

28 4 0
Bài viết được đề xuất: javascript - 从 vb.net 代码后面运行 JavaScript
Bài viết được đề xuất: pointers - Rust，Copy Trait 在使用泛型时不适用于类型
Bài viết được đề xuất: rust - 如何在没有 Box::from_raw 的情况下将 *mut *mut c_void 转换为 &str？
Bài viết được đề xuất: javascript - 一页上有多个表格的数据表
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com