別のボックスが選択されているときに、選択ボックスから「無効」プロパティを削除します。

Question

カテゴリとサブカテゴリを選択できる2つの選択ボックスがあります。私はサブカテゴリをデフォルトで無効にしたいと思っており、ユーザが以前にそのカテゴリを選択したときに有効になります。

<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ブレイドからの変数を使用したい場合は、それがなければなりません引用符で囲まれています。

あなたのコードに相当するものはvar cat = fruitsです。これは構文エラーです。ブレードを引用符で囲むと、正しくvar cat = "fruits"と表示されます。

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

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