Javascript 选择另一个选择框后启用选择框

我试图通过在第一个选择框中选择一个选项后启用第二个选择框来设置两个选择框

结果来自一个json和一个js到我页面上的一个div

第二次选择设置为禁用

第一次尝试：

JavaScript:

HTML:

要使其更简单，请执行以下操作：

公司|模型：要从模型中选择选项，我必须首先从公司中选择一个选项

PS：为了节省您参考类似问题的时间，我已经查看了它们…

您正在纯js中使用jQuery onchange查找.change事件，由于这是动态加载的数据，您需要使用。在：

您正在纯js中使用jQuery onchange查找.change事件，由于这是动态加载的数据，因此需要使用.on：

---

始终在问题中包含您的代码。无法保证链接代码将无限期地可用，因此应包括代码的所有相关部分。我很惊讶你居然能发布那个链接。我可以发誓，在没有代码的问题中不允许链接到JSFIDLE。感谢您的建议始终在问题中包含您的代码。无法保证链接代码将无限期地可用，因此应包括代码的所有相关部分。我很惊讶你居然能发布那个链接。我可以发誓在没有代码的问题中不允许链接到JSFIDLE。谢谢你的建议。正如我提到的，已经检查过了。我试过你的意见，但没用。奇怪的是没有错误。只是没有working@JohnPriestakos-Ahh-woops，it动态数据，一个second@JohnPriestakos-现在试一试，好的。最后谢谢你@tymeJV。谢谢你，我现在就检查一下，如果再次选择“全部”，如何再次禁用它。@JohnPriestakos-简单的三元语句，我用这个功能更新了答案正如我提到的已经检查过了。我试过你的意见，但没用。奇怪的是没有错误。只是没有working@JohnPriestakos-Ahh-woops，it动态数据，一个second@JohnPriestakos-现在试一试，好的。最后谢谢你@tymeJV。感谢您，我现在将检查一下，如果再次选择“全部”，如何再次禁用它。@JohnPriestakos-简单的三元语句，我用该功能更新了答案

$(document).ready(function () {
    $.getJSON('./system/feeds/built.search.php', function (json) {
        var output = '';
        output += '<div class="search_block">';
        output += '<h2><img src="images/search_icon_big.png" alt=""> Search used cars</h2>';
        output += '<form id="form1" class="form-style" method="post">';
        output += '<label><strong>Company</strong><br>';
        output += '<span class="select1">';
        output += '<select name="companies" id="companies">';
        output += '<option>All</option>';
        output += '<option value="company">Company</option>';
        for (var i = 0; i < json.company_models.length; i++) {
            output += '<option value=' + json.company_models[i].company + '>' + json.company_models[i].company + '</option>';
        }
        output += '</select>';
        output += '</span>';
        output += '</label>';
        output += '<label><strong>Model</strong><br>';
        output += '<span class="select1">';
        output += '<select name="models" id="models" disabled>';
        output += '<option>Choose Company</option>';
        $('#companies').change(function () {
            if (this.value) {
                document.getElementById('#models').disabled = true;
            } else {
                document.getElementById('#models').disabled = false;
            }
        });
        for (i = 0; i < json.company_models.length; i++) {
            output += '<option value=' + json.company_models[i].model + '>' + json.company_models[i].model + '</option>';
        }
        output += '</select>';
        output += '</span>';
        output += '</label>';
        $('#search').html(output);
    });
});

<div id="search" class="grid_12"></div>

$(document).on("change", "#companies", function() {
    this.value == "All" ? $("#models").prop("disabled", true) : $("#models").prop("disabled", false);
});