Javascriptドロップダウンボタンが選択されている場合、テキストボックスは色を変更する必要があります

Question

こんにちは私は簡単な質問があります。 ドロップダウンボタンが「未来」に選択されているときに、テキストボックスの色を変更したいと思います。これはこれまで私が試したことです。エラーはありません。コンソールに$('[name="strike"]').css("background-color", "red");行を入力すると、テキストボックスが赤くなります。ですから、if条件に何か問題があると仮定します。イベントの

if ($('[name="putCallButton"]').text() == "Future"){ 
    $('[name="strike"]').css("background-color", "red"); 
} 

Answer 1

使用：

$('[name="putCallButton"]').on("select", function() { 
    if ($('[name="putCallButton"]').text() == "Future"){ 
    $('[name="strike"]').css("background-color", "red"); 
    } 
}) 

Answer 2

あなたのオプションタグにvalue属性を追加し、オプションのテキストと同じ値を設定してください。

$('[name="putCallButton"]').on('change', function() { 
if ($('[name="putCallButton"]').val() == "Future"){ 
    $('[name="strike"]').css("background-color", "red"); 
} 
}); 

Answer 3

.text()の代わりに.value()を使用してください。 .text()は、選択した項目のすべてのオプションを返します