非表示フィールドに正しい値が含まれている場合にテキストボックスを表示

Question

ログインが必要なフォームで作業しています。ログインが正しい場合、クエリのデータを含むフィールドのセットがあらかじめ入力されています。私が条件を満たしている必要があるフィールドの1つで、状態の省略形がMO idならば、MOでない場合にはテキストボックス入力が必要になります。私は運がない2日間これをgoogledしました。隠されたフィールドはstuffと呼ばれます。私はそれをonclickで動作させることができますが、私はページの読み込みでそれを得ることができません。私はどんな助けにも感謝します。それの音に

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#wordingSpine').hide(); //hide field on start 

    $('#stuff').change(function() { 

    var $index = $('#stuff').index(this); 

    if($('#stuff').val() != 'MO') { //if this value is NOT selected 
    $('#wordingSpine').hide(); //this field is hidden 
    } 
    else { 
    $('#wordingSpine').show();//else it is shown 

    } 
     }); 
}); 
</script> 

Answer 1

DOMの準備ができたとき、あなただけの変更イベントをトリガする必要があります。

$('#stuff').on('change', function() { 
    $('#wordingSpine').toggle(this.value == 'MO'); 
}).trigger('change'); 

.trigger()