如何将逐步键和值添加到三个不同的选择选项值答案

【问题标题】：How can add step to step keys and vlaue to three different select option value如何将逐步键和值添加到三个不同的选择选项值
【发布时间】：2019-08-24 15:10:39
【问题描述】：

我有州、市和区的三个选择框我想用数组中的数组连接数据并将其发送到 jQuery，然后将所有键添加到州选择框选项值然后选择每个州选项将此数组的键添加到城市选择框选项值和所选城市的每个选项将此键的值添加到区选择框选项值，如果您想询问是否所有这些都添加到选项的值中，那么选项名称会发生什么我应该告诉您我想从其他数组中添加名称

HTML：

<select class="State"></select>
<select class="City"></select>
<select class="district"></select>

简单数组：

array ( 
    "nevada" => array (
        "carson-city" =>  ( district-1, district-2, district-3),
        "las-vegas" =>  ( district-1, district-2, district-3) 
    )

    "new-york" => array (
        "albany" =>  ( district-1, district-2, district-3),
        "new-york" =>  ( district-1, district-2, district-3) 
    )
)

【问题讨论】：

标签： javascript php jquery arrays html-select

【解决方案1】：

假设您有 JSON 格式的数组：

var LocationsArray = '[
    {
      "state": "nevada",
      "cities": {
           "carson-city": { "districts":"district-1,district-2,district-32"  },
           "las-vegas": { "districts":"district-1,district-2,district-32"  }
        }
    },
    {
      "state": "new-york",
      "cities": {
           "albany": { "districts":"district-1,district-2,district-32"  },
           "new-york": { "districts":"district-1,district-2,district-32"  }
        }
    }
]';

然后你对 ComboList 的 Change 事件做出反应：

$('#State').on('change', function() {
    var mSelectedValue = $(this).val();
    var mCityCombo = $("#City");
    mCityCombo.empty();
    mCityCombo.append('<option></option>');


        var json = JSON.parse(LocationsArray);
        $.each(JSON.parse(json), function (idx, obj) {
            if (obj.state == 'arizona') {
                // here you add the Cities:
               obj.cities.forEach(function (_city) { 
                var opt = $("<option>" + _city + "</option>").attr("value", recorrido);
                mCityCombo.append(opt);
            }
        });

    mCityCombo.selectmenu('refresh');
});

类似的东西，我真的没有测试这段代码。祝你好运。

【讨论】：