選択ボックスの入力ボックスを開くjQuery

Question

特定のオプションが選択されているときに、選択ボックスがある場合は入力ボックスを表示しようとしています。ここで

は私のコードです：

$("document").ready(function() { 
    $('input.other').hide(); 
    $('#amount').change(function() { 
     // var val = $(this).find('option:selected').text(); 
     //alert(val); 
     var selectedValue = $(this).find(":selected").val(); 
     //alert(selectedValue); 
     if($(this).selectedValue == '25.00') { 
      // only if the radio button has a dob-field 
      $('input.other').show();// show only the following first 
     } 
    }); 
}); 

Answer 1

は、あなたが内部の選択optionをターゲットにすることができています#amount要素以下のセレクタを使用して直接、値を見つけて、if文内のすべてを比較してください。

問題のコードの問題は$(this)が#amountなくoptionを参照している$(this).selectedValue、あり、そしてselectedValueは可変であり、直接使用する必要がありますが、それはとして、ここでは変数を使用することが本当に必要はありませんif文の中ですべてを行うことは、完全に読みやすく、簡単です。

$('input.other').hide(); 
$('#amount').on('change', function(){ 
    if($(':selected', this).val() == '25.00') { 
     $('input.other').show(); 
    } 
}); 

Answer 2

使用selectedValueここではない$(this).selectedValue

if(selectedValue == '25.00') { // only if the radio button has a dob-field 
$('input.other').show();// show only the following first 
} 

をチェックするために、完全な作業スニペット

$(document).ready(function() { 
    $('input.other').hide(); 
     var selectedValue = $(this).find(":selected").val(); 
     if(selectedValue == '25.00') { 
      // only if the radio button has a dob-field 
      $('input.other').show();// show only the following first 
     } 
    }); 
}); 

Answer 3

あなたは（#amountがSELECT要素があると仮定して）:selectedOPTIONを選択するのではなく、SELECTに直接.val()を使用することができます。

var input = $('input.other').hide(); 
$('#amount').change(function() { 
    if($(this).val() == '25.00') { 
     input.show(); 
    } 
}); 

デモ：http://jsfiddle.net/bj6MJ/

を追加しました：仮定しますユーザーが「25」以外の何かを選択した場合には、再び非表示にしたい0.00" 、あなたはtoggle()を使用することができます。

var input = $('input.other').hide(); 
$('#amount').change(function() { 
    input.toggle($(this).val() == '25.00'); 
}); 

デモ：http://jsfiddle.net/bj6MJ/1/