javascript - 当选择另一个框时，从选择框中删除 'disable' 属性

Question

我有两个选择框，用户可以在其中选择类别和子类别。我希望默认情况下禁用子类别，并在用户之前选择该类别时启用该子类别。

<select name="cat" onclick="this.form.submit()" style="width:220px;height:120px;" size="8">
    <option value="">All categories</option>
        @foreach($categoriesFilter as $cf)
            <option value="{{ $cf->mainCat_de }}">{{ $cf->mainCat_de }}</option>
        @endforeach
</select>

和

<select name="subcat" id="subcat" onchange="this.form.submit()" style="width:220px;height:120px;" size="8" disabled>
    <option value="">All subcategories</option>
        @foreach($subCategoriesFilter as $sf)
            <option value="{{ $sf->cat_de }}">{{ $sf->cat_de }}</option>
        @endforeach
</select>

我尝试这样做，但没有成功:

<script type="text/javascript">
    var cat = {{ Request::get('cat') }};

    if( cat != "" || cat != null ){
        $('#subcat').prop('disabled', false);
    }
</script>

Answer 1

如果您希望使用 Laravel Blade 中的变量(字符串)，则必须将其用引号引起来。

您的代码可能相当于var cat =fruits，这将引发语法错误。通过将 Blade 括在引号中，您可以正确地说 var cat = "fruits"。

var cat = "{{ Request::get('cat') }}";

$('#subcat').prop('disabled', cat == "" || cat == null);