Divクラスがドロップダウンに表示されません。

Question

こんにちは

私はこの問題を援助する必要があります。

私は「ロケーション1」のドロップダウンに約10のオプションがあります。ユーザーが「その他」を選択した場合に表示するdivクラスがあります。

コード：

<script> 
$(document).ready(function(){ 
$("#Location1").on('change' function(){ 
if (this.value == 'Other') { 
$(".otherlocation1").show(); 
} 
else { 
$(".otherlocation1").hide(); 
} 
}); 
}); 
</script> 

デフォルトでの「otherlocation1」のdivクラスを隠し、その後、「位置1」のテキストボックスからの選択に基づいて「otherlocation1」と表示することになっています。

問題が解決しない場合のみです。私は数多くの方法を試してきましたが、それを働かせることはできません。

ご協力いただければ幸いです。

Answer 1

changeの後に,がありません。これを試してみてください：

$(document).ready(function() { 
 
    $("#Location1").on('change', function() { 
 
    if (this.value == 'Other') { 
 
     $(".otherlocation1").show(); 
 
    } else { 
 
     $(".otherlocation1").hide(); 
 
    } 
 
    }); 
 
});

.otherlocation1{ 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id='Location1'> 
 
    <option disabled selected>Select an option</option> 
 
    <option value='Other'>Other</option> 
 
    <option value='Other 2'>Other 2</option> 
 
    <option value='Other 3'>Other 3</option> 
 
    <option value='Other 4'>Other 4</option> 
 
    <option value='Other 5'>Other 5</option> 
 
</select> 
 
<p class='otherlocation1'>otherlocation1</p>

Answer 2

はjqueryのではon関数は、2つのパラメータを取ります。あなたがon関数を呼び出すとき

• イベント
• ハンドラ

は、だから、イベントやカンマ「」で区切られたハンドラを渡します。詳細はthisを参照してください。

$("#Location1").on('change', function()